百度定位:IP定位、浏览器定位、SDK辅助定位

效果：

IP定位（精准）
浏览器定位和SDK辅助定位返回经纬度不精准

要点：

• 入口文件引入(需要申请百度ak)
  
• 代码中调用百度API
  IP定位（精准）

  IP定位
  
  ...
  
  getLocation() {
    // 获取当前定位城市--IP定位
    var BMap = window.BMap;
    var myCity = new BMap.LocalCity();
    let _this = this;
    
    myCity.get(r => {
      console.log('经纬度信息',r)
  
      // 根据经纬度获取省和市
      var gc = new BMap.Geocoder();
      var pointAdd = new BMap.Point(r.center.lng, r.center.lat);
  
      gc.getLocation(pointAdd, function(rs) {
        //获取城市地址
        console.log('城市信息',rs);
      });
    });
  }
  

  浏览器定位（有误差）

  浏览器定位
  
  ...
  
  getGeolocation() {
    var geolocation = new BMap.Geolocation();
    geolocation.getCurrentPosition(function(r) {
        console.log('经纬度信息',r)
    });
  }
  

  SDK辅助定位（有误差）

  SDK辅助定位
  
  ...
  
  getGeolocationSDK() {
    var geolocation = new BMap.Geolocation();
    // 开启SDK辅助定位
    geolocation.enableSDKLocation();
    geolocation.getCurrentPosition(function(r) {
      console.log("经纬度信息", r);
    });
  }
  

示例：

DEMO下载