微信小程序——获取位置(二),百度地图、高德地图篇

在获取位置信息的时候,除了腾讯地图,我们还可以选择更多别的地图,比如百度、高德等。和使用腾讯地图一样,使用这两家地图也需要经过注册账号、申请开发秘钥、下载SDK者三个步骤,具体操作和腾讯地图篇大同小异,不做过多介绍,只提供官网链接:

百度地图开发者平台:http://lbsyun.baidu.com/

高德地图开发者平台:https://lbs.amap.com/

同样,我们需要引入相应的SDK,使用require引入。

百度地图获取用户位置代码如下:

//引入百度地图
var bMap=require('../../mapLib/bmap-wx.min.js');
var bmapAk;

//百度地图
 baiduLocation:function(){
    var that=this;
    //初始化
    bmapAk = new bMap.BMapWX({
      ak:'申请的百度地图ak'
    })
    bmapAk.regeocoding({
      success:function(e){
        console.log(e);
        var address=e.wxMarkerData[0].address;
        that.setData({
          baidulocation:address
        })
      }
    })
  },

高德地图获取用户地址如下:

//引入高德地图
var aMap=require('../../mapLib/amap-wx.js');
var amapKey;

//高德地图
  gaodeLocation:function(){
    var that=this;
    //初始化
    amapKey = new aMap.AMapWX({
      key:'高德地图key'
    })
    amapKey.getRegeo({
      success:function(e){
        console.log(e);
        var address= e[0].regeocodeData.formatted_address;
        that.setData({
          gaodelocation: address
        })
      }
    })
  }

百度地图和高德地图获取用户地址不需要调用wx.getLocation,和腾讯地图一样,返回值为位置信息的参数不止一个,官方文档也没有具体解释每个参数,但我们还是可以通过印success的返回值来查看每个参数。

在做示例的过程中,我发现腾讯版支持的功能更多一点,但是百度和高德的精确度貌似更高,关于三种获取位置方法的优劣,只有经过大量实战之后才能确定,每个人都会得到自己的答案,欢迎各位大佬吐槽交流

你可能感兴趣的:(小程序)