• 关于自动定位


    一般分两个场景,PC端和移动端定位。

    移动端比较方便,因为GPS,北斗,可以实现高精度定位,实在不行还有基站定位,或者网络定位。

    之前做Android的APP时用了百度的定位API,申请一个应用Key就好,也有通过哪种方式定位的选项,比较方便。

    如果是小程序,可以采用腾讯的API,获取经纬度,再转成地址,也不复杂。

    在PC端,不小心入了一个坑,就是通过IP定位比较复杂,最终选择百度SDK的方式解决。

    补充,H5也有一个函数navigator.geolocation.getCurrentPosition(),不过不好用。

    可以参考:https://blog.csdn.net/liuxiaochang_2011/article/details/86537328

    IP方案考虑过采用开源的ip和地址的映射包,也采用了淘宝ip等方式,前者需要定期数据更新,后者有访问次数的限制,多用几次就gg,遂放弃。

    最主要还是IP定位不太准确,有的用代理,有的只能定位到根服务器的位置。

    下面贴出百度SDK的解决方案。

    现在index.html里添加

    <script src="http://api.map.baidu.com/api?v=3.0&ak=XXXX"></script>

    然后在vue的methods里添加

    getlocation(){
          this.loading = true;
          var geolocation = new BMap.Geolocation();
          // 开启SDK辅助定位
          geolocation.enableSDKLocation();
          geolocation.getCurrentPosition(function(r) {
            if (this.getStatus() == BMAP_STATUS_SUCCESS) {
    //          var mk = new BMap.Marker(r.point);
              alert('您的位置:' + r.point.lng + ',' + r.point.lat);
              this.loading = false;
              this.form.location = '您的位置:' + r.point.lng + ',' + r.point.lat;
    //          $("#mylocation").text("自动定位");
            } else {
              alert('failed状态' + this.getStatus());
              this.loading = false;
            }
          });
        },
    

      

    
    
  • 相关阅读:
    Using join buffer (Block Nested Loop)调优
    训练日志
    threejs对象控制
    js保留4位小数
    batchsize 为4时,显卡使用效率
    QMatrix4x4
    QHostInfo
    yolov5训练表示识别模型日志记录
    yolov5 train log
    yolov5模型训练过程中显卡使用率查询——记录
  • 原文地址:https://www.cnblogs.com/marszhw/p/12635586.html
Copyright © 2020-2023  润新知