微信小程序获取地理位置

这几天接触到关于定位的小程序,而小程序的wx.getLocation()这个只能获取到经纬度,不能获取到具体的地名街道,所以就用了高德地图(百度地图,腾讯地图)。

首先要在高德地图官网创建应用,然后下载api
百度地图 腾讯地图
百度地图api文档报错了,我写的是首页地址基本一样

这里写图片描述
下面我们直接撸代码


Page({
  data: {
      address:''
  },
  onLoad: function () {
      this.getLocation();
  },
  getLocation:function(){
    const that = this;
    var myAmapFun = new amapFile.AMapWX({ key: 'b9544ddd7cc459a55192507cec0277d8' });
    myAmapFun.getRegeo({
        success: function (res) {
            that.setData({
                address: res[0].regeocodeData.formatted_address
            })
        },
    })
  }, 
})

上面的key是我在我的基础上面改的,大家千万要用自己的啊。
还有就是要在小程序后台添加自己使用的地图相对应的域名,小程序最多添加两个域名
这里写图片描述
看下效果
微信小程序获取地理位置_第1张图片
这个百度地图和腾讯地图就不写了,代码超不过10行,也都差不多,谢谢。

你可能感兴趣的:(javascript,小程序,微信小程序,经验,地图)