微信小程序調出地圖導航頁面

1 按官網步驟申請key

2 將下載的壓縮文件解壓，將得到的sdk放置在小程序工程目錄下，比如utils下

3 頁面引入js

import QQMapWX from '../../utils/qqmap-wx-jssdk.min.js'

4 頁面方法使用，

navigationTo:function(e){
    var addr =  e.target.dataset.address; //目標地址一定要帶上城市名
    var that = this;
    // 使用 JavaScript SDK 獲取目的地經緯度
    // 實例化API核心類
    var qqmapsdk = new QQMapWX({
      key: '*****'//申請的key
    });
    qqmapsdk.geocoder({
      address: addr,
      success: function (res) {
        var local = res.result.location;
        // 使用微信內置地圖查看位置
        wx.openLocation({
          latitude: local.lat,
          longitude: local.lng,
          scale: 28,
          name: addr, 
        })
          
      },
      fail: function (error) {
          //方便調試
          console.error(error);
      },
      complete: function (res) {
          console.log(res);
      }
    })
   
   
  },

效果圖：

 

參考：

https://blog.csdn.net/zx562602419/article/details/81430232

https://www.cnblogs.com/wanf/p/10830438.html