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

Prasanta 發布于2019-08-22 15:33 / 2218人閱讀

摘要：小程序自己已經提供了獲取當前位置的經緯度選擇周圍的地址打開地圖效果圖遇到什么問題，需要解決現在知道詳細的地址，但是不知道經緯度，所以，無法定位，騰訊官方也提供了一些地圖的擴展具體的如何引入騰訊請看官方文檔實際例子，看代碼在生命周期里面使用，

1 小程序自己已經提供了

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

效果圖

2 遇到什么問題，需要解決

現在知道詳細的地址，但是不知道經緯度，所以，無法定位，騰訊官方也提供了一些地圖的擴展具體的如何引入component騰訊請看官方文檔

實際例子，看代碼,

在onShow 生命周期里面使用，我這里只是一個例子，具體在哪里使用，得根據你們自己的業務邏輯啦～～～
具體的git 地址

   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");
        }
      })
    })
       }

GPU云服務器云服務器阿里云服務器怎么和小程序配合使用小程序個人使用怎么使用小程序怎樣使用小程序

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/93540.html

小程序開發總結（一）

摘要：最近在開發一個小程序項目準備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實踐和努力解決了也分享給大家，縮短大家的開發時間。最近在開發一個小程序項目準備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實踐和努力解決了也分享給大家，縮短大家的開發時間。一、修改背景顏色這是一個很常見的需求在html的中我們可以改變body&html的標簽顏色，但是在小程序中你可以通過兩種方法...

haoguo 2019-08-22 11:07 評論0 收藏0
小程序開發總結（一）

摘要：最近在開發一個小程序項目準備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實踐和努力解決了也分享給大家，縮短大家的開發時間。最近在開發一個小程序項目準備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實踐和努力解決了也分享給大家，縮短大家的開發時間。一、修改背景顏色這是一個很常見的需求在html的中我們可以改變body&html的標簽顏色，但是在小程序中你可以通過兩種方法...

honmaple 2019-08-01 17:38 評論0 收藏0
小程序開發總結（一）

摘要：最近在開發一個小程序項目準備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實踐和努力解決了也分享給大家，縮短大家的開發時間。最近在開發一個小程序項目準備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實踐和努力解決了也分享給大家，縮短大家的開發時間。一、修改背景顏色這是一個很常見的需求在html的中我們可以改變body&html的標簽顏色，但是在小程序中你可以通過兩種方法...

marser 2019-08-29 13:26 評論0 收藏0