1、微信小程序提供了几个方式,引入地图,
wx.getLocation(OBJECT)
获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用;当用户点击“显示在聊天顶部”时,此接口可继续调用
wx.chooseLocation(OBJECT)
打开地图选择位置。
wx.openLocation(OBJECT)
使用微信内置地图查看位置。
2、如果想解析地址的话,微信小程序没有提供地址解析,所以必须引入地图插件,看了高德、百度和腾讯的地图,发现腾讯地图对小程序,支持的功能多,最方便。
3、申请一个腾讯地图的开发者账号,需要密匙
4、思路是:用腾讯地图插件,解析你想查询的地址,解析为经度和纬度,然后用小程序的 wx.openLocation(OBJECT),它会跳转到一个新页面,定位到解析的经纬度的位置,这样就OK了
<view bindtap="seeMap" >{{adrr}}</view>
var QQMapWX = require("../libs/qqmap-wx-jssdk.min.js") var demo = new QQMapWX({ key: \'申请的密匙\' // 必填 }); Page({ data: {}, onLoad: function (options) { this.setData({ adrr:options.adrr }) }, seeMap: function () { demo.geocoder({ address: this.data.adrr, success: res => { wx.openLocation({ latitude: res.result.location.lat, longitude: res.result.location.lng, scale: 28 }) }, fail: function(res) { console.log(res); }, complete: function(res) { console.log(res); } }); })
5、看看效果图