舟山闪爸电子技术有限公司

產(chǎn)品中心
更多服務

小程序調(diào)用騰訊地圖如何實現(xiàn)

—— 2020 ——
09/27
00:00

來源：

作者：未知

閱讀：0

欄目：小程序開發(fā)

2020/9/27 0:00:00 來源：不詳 作者：未知

　　很多情況我們在開發(fā)小程序時，需要調(diào)用騰訊地圖的數(shù)據(jù)，來作為地圖導航。那么該如何實現(xiàn)？

小程序調(diào)用騰訊地圖如何實現(xiàn)

　　騰訊地圖提供了供小程序使用的SDK，可結合地圖組件和api進行快速調(diào)用，訪問地址為http://lbs.qq.com/qqmap_wx_jssdk/index.html。首次使用需要申請秘鑰，下載sdk文件qqmap-wx-jssdk.js。需要設置安全域名https://apis.map.qq.com

　　index.wxml文件如下

<view><text>經(jīng)度{{jd}}</text></view>
<view><text>緯度{{wd}}</text></view>
<view><text>地點{{address}}</text></view>

　　index.js文件如下

varQQMapWX= require('../libs/qqmap-wx-jssdk.js');
var qqmapsdk;
Page({
 data:{
   },
 onLoad:function(options){
   qqmapsdk =newQQMapWX({
     key:'22VBZ-REEK5-WVSI7-QKCOP-QPM6E-W7BPO'
   });
 },
 onReady:function(){
   var that=this
   wx.getLocation({
     type:'wgs84',
     success:function(res){
       console.log(res)
       var latitude1= res.latitude
       var longitude1= res.longitude
       qqmapsdk .reverseGeocoder({
           location:{
             latitude: latitude1,
             longitude: longitude1
           },
           success:function(res){
             console.log(res);
             var add= res.result.address
             that.setData({
               wd: latitude1,
               jd: longitude1,
               address: add
             })
           }
       });
     }

　　在這里調(diào)用了逆地理解析reverseGeocoder，對地理解析結果讀取獲取當前位置。

　小程序工具提供多類型商城/門店小程序制作，可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面，所看即所得，只需要美工就能做出精美商城。

有關進一步了解小程序開發(fā)案例，請前往：http://www.fluoresville.cn/miniprogramdev/   

【本站聲明】
  1、本站文章中所選用的圖片及文字來源于網(wǎng)絡以及用戶投稿，由于未聯(lián)系到知識產(chǎn)權人或未發(fā)現(xiàn)有關知識產(chǎn)權的登記，如有知識產(chǎn)權人并不愿意我們使用，如果有侵權請立即聯(lián)系。
  2、本網(wǎng)站不對文章中所涉及的內(nèi)容真實性、準確性、可靠性負責，僅系客觀性描述，如您需要了解該類商品/服務詳細的資訊，請您直接與該類商品/服務的提供者聯(lián)系。


KESION 科汛軟件

KESION 科汛軟件是國內(nèi)領先的在線教育軟件及私域社交電商軟件服務提供商，長期專注于為企業(yè)提供在線教育軟件及社交電商SaaS平臺解決方案。
公司核心產(chǎn)品云開店SaaS社交電商服務平臺、在線教育SaaS服務平臺、教育企業(yè)數(shù)字化SaaS云平臺、企微營銷助手、私有化獨立部署品牌網(wǎng)校和在線教育咨詢等。

KESION 不斷通過技術創(chuàng)新，提供產(chǎn)品和服務，助力企業(yè)向數(shù)字化轉型，通過科技驅動商業(yè)革新，讓商業(yè)變得更智慧！



▼點擊進入科汛官網(wǎng)了解更多



熱門標簽
開發(fā)小程序 SaaS
上/下篇
換一換相關推薦
精選內(nèi)容
熱點精選