微信小程序 接入騰訊地圖的兩種寫法
更新時間：2021年01月12日 15:14:41 作者：木早長泉
這篇文章主要介紹了微信小程序 接入騰訊地圖的兩種寫法,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
最近在寫微信小程序，遇到了一些坑，在網(wǎng)上也查了好多，感覺都沒有我想要的答案，
剛處理了這個地圖的問題，在這里總結(jié)下，希望可以幫助大家。
在微信小程序中，騰訊地圖的接入其實是有兩種方式的，第一種調(diào)用騰訊本身的地圖，第二種是使用插件 ma-route
一、調(diào)用騰訊本身的地圖
實現(xiàn)結(jié)果如下圖：
這個非常簡單，而且用的人也很多，
只需要調(diào)用兩個地圖的api.
就是上邊的兩個。當(dāng)然調(diào)用openLocation的時候你首先要調(diào)用getLocation授權(quán)
需要你在app.json里配置信息，如下：
在你需要跳轉(zhuǎn)地圖的頁面寫以下方法：
點擊
可以彈出百度地圖，高德地圖等第三方軟件
以上就是第一種方法，
二、第二種方法
首先找到微信小程序的
在插件管理中添加該插件
使用方法：
首先在app.json文件中配置
其次在它所在目錄的main.json文件配置
我是基于mpvue寫的，所以和開發(fā)文檔上稍有區(qū)別
先有跳轉(zhuǎn)過來的頁面拿到終點地址，然后通過getLocation獲取當(dāng)前位置坐標(biāo)
代碼如下：
以下是第二種方法：成功后的效果圖
到此這篇關(guān)于微信小程序 接入騰訊地圖的兩種寫法的文章就介紹到這了,更多相關(guān)小程序 接入騰訊地圖內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
今天小編就為大家分享一篇解決layer.confirm選擇完之后消息框不消失的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了javascript自定義的addClass()方法，通過傳參就可以實現(xiàn)樣式的添加2014-05-05
表格翻頁的實現(xiàn)方式有很多，下面以js為例為大家詳細(xì)介紹下表格翻頁效果的具體實現(xiàn)，感興趣的朋友可不要錯過2013-10-10
這篇文章主要介紹了JS document form表單元素操作,結(jié)合完整實例形式詳細(xì)分析了JavaScript form表單元素獲取、輸出、遍歷等相關(guān)操作技巧,需要的朋友可以參考下2020-01-01
js如何去除數(shù)組中的empty?undefined空項
這篇文章主要介紹了js如何去除數(shù)組中的empty?undefined空項，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
JavaScript中實現(xiàn)new的兩種方式引發(fā)的探究
眾所周知JS中new的作用是通過構(gòu)造函數(shù)來創(chuàng)建一個實例對象，這篇文章主要給大家介紹了關(guān)于JavaScript中實現(xiàn)new的兩種方式引發(fā)的相關(guān)資料，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
越來越多的網(wǎng)站進(jìn)行數(shù)據(jù)傳輸時不使用明文傳輸,本文主要介紹了JS逆向之加密參數(shù)定位,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-01-01
Cpage.js是一款輕量級的Mvvm框架，使用TypeScript（JavaScript的超集）開發(fā)。下面通過本文給大家分享Cpage.js給組件綁定事件的實現(xiàn)代碼，需要的的朋友參考下吧2017-08-08
本篇文章主要是對js實現(xiàn)日期級聯(lián)效果的實例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
JavaScript判斷用戶是否對表單進(jìn)行了修改的方法
這篇文章主要介紹了JavaScript判斷用戶是否對表單進(jìn)行了修改的方法,實例分析了javascript對表單操作與判定的技巧,需要的朋友可以參考下2015-03-03