关于自动定位

Posted 2020-11-27 marszhw

一般分两个场景，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;
        }
      });
    },