微信小程序 地圖地址解析


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM