小程序和騰訊地圖聯合使用

1 小程序本身已經提供了

wx.getLocation /*獲取當前位置的經緯度*/
wx.chooseLocation /*選擇周圍的地址*/
wx.openLocation  /*打開地圖*/

效果圖
圖片描述html

2 遇到什麼問題,須要解決

如今知道詳細的地址,可是不知道經緯度,因此,沒法定位,騰訊官方也提供了一些地圖的擴展 具體的如何引入component騰訊請看官方文檔git

實際例子,看代碼,

在onShow 生命週期裏面使用,我這裏只是一個例子,具體在哪裏使用,得根據大家本身的業務邏輯啦~~~
具體的git 地址github

import QQMapWX from '../../plugins/qqmap-wx-jssdk';
   const qqmapsdk = new QQMapWX({ key: '申請的key'});
   onShow:function(){
    qqmapsdk.geocoder({
        address: '北京市朝陽區大山子兆維大廈A座',
        success: function (res) {
          console.log(res,"------");
          wx.openLocation({
          name: `${res.result.address_components.province}-${res.result.address_components.district}`,
          address: `${res.result.address_components.province}${res.result.address_components.district}${res.result.title}`,
          latitude: res.result.location.lat,
          longitude: res.result.location.lng
      })
        },
        fail: function (res) {
          console.log(res);
        },
        complete: function (res) {
          //console.log(res,"------77777");
        }
      })
    })
       }
相關文章
相關標籤/搜索