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、看看效果圖


