关于微信小程序地图使用

本篇文章将介绍小程序中百度地图的逆地址解析。

image.png

首先在 js 文件中先引用 bmap-wx.min.js 文件，该文件为百度提供的 小程序 JS API。
在使用百度提供的 API 之前，需要在百度地图开发平台注册并获取访问应用(AK)，之后方可使用。

Page({
  onLoad: function () {
    let that = this;
    that.ctx = wx.createCameraContext();

    let BMap = new bmap.BMapWX({
      //访问应用（AK）
      ak: 'dQCaIknK6baG9F0EpLg4i6CPtcfosOr0'
    });
    let fail = function (data) {
      console.log(data)
    };
    let success = function (data) {
      wxMarkerData = data.wxMarkerData;
      console.log(data);
      that.setData({
        location: wxMarkerData[0].address + '，' + wxMarkerData[0].desc
      });
      that.setData({
        latitude: wxMarkerData[0].latitude
      });
      that.setData({
        longitude: wxMarkerData[0].longitude
      });
    }
    BMap.regeocoding({
      fail: fail,
      success: success,
    });
  }
})

最后，将所获取的地址显示在页面上。

<view class='location'>
    <text class='loc-text'>{{location}}</text>
  </view>

如果有兴趣，可以加入我自己建的QQ群，微信小程序社区，781759122。