微信小程序 接入騰訊地圖的兩種寫(xiě)法
最近在寫(xiě)微信小程序，遇到了一些坑，在網(wǎng)上也查了好多，感覺(jué)都沒(méi)有我想要的答案，
剛處理了這個(gè)地圖的問(wèn)題，在這里總結(jié)下，希望可以幫助大家。
在微信小程序中，騰訊地圖的接入其實(shí)是有兩種方式的，第一種調(diào)用騰訊本身的地圖，第二種是使用插件 ma-route
一、調(diào)用騰訊本身的地圖
實(shí)現(xiàn)結(jié)果如下圖：
這個(gè)非常簡(jiǎn)單，而且用的人也很多，
只需要調(diào)用兩個(gè)地圖的api.
就是上邊的兩個(gè)。當(dāng)然調(diào)用openLocation的時(shí)候你首先要調(diào)用getLocation授權(quán)
需要你在app.json里配置信息，如下：
在你需要跳轉(zhuǎn)地圖的頁(yè)面寫(xiě)以下方法：
點(diǎn)擊
可以彈出百度地圖，高德地圖等第三方軟件
以上就是第一種方法，
二、第二種方法
首先找到微信小程序的
在插件管理中添加該插件
使用方法：
首先在app.json文件中配置
其次在它所在目錄的main.json文件配置
我是基于mpvue寫(xiě)的，所以和開(kāi)發(fā)文檔上稍有區(qū)別
先有跳轉(zhuǎn)過(guò)來(lái)的頁(yè)面拿到終點(diǎn)地址，然后通過(guò)getLocation獲取當(dāng)前位置坐標(biāo)
代碼如下：
以下是第二種方法：成功后的效果圖
到此這篇關(guān)于微信小程序 接入騰訊地圖的兩種寫(xiě)法的文章就介紹到這了,更多相關(guān)小程序 接入騰訊地圖內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
js實(shí)現(xiàn)對(duì)table的增加行和刪除行的操作方法
下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)對(duì)table的增加行和刪除行的操作方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
IE innerHTML,outerHTML所引起的問(wèn)題
我們?cè)谟胘avascript創(chuàng)建一個(gè)遮蓋層(div)后，如果點(diǎn)擊關(guān)閉用到了2009-06-06
javascript實(shí)現(xiàn)簡(jiǎn)單小鋼琴有聲彈奏效果
用HTML5+javascript實(shí)現(xiàn)的小鋼琴,按下鋼琴鍵上的相應(yīng)字母用或用鼠標(biāo)點(diǎn)擊鋼琴鍵發(fā)聲,javascript代碼包含了對(duì)鼠標(biāo)按下、移動(dòng)和松開(kāi),以及鍵盤(pán)按下的事件監(jiān)聽(tīng)2024-02-02
ES6 Iterator接口和for...of循環(huán)用法分析
這篇文章主要介紹了ES6 Iterator接口和for...of循環(huán)用法,結(jié)合實(shí)例形式分析了Iterator接口和for...of循環(huán)相關(guān)使用技巧,需要的朋友可以參考下2019-07-07
JavaScript實(shí)現(xiàn)簡(jiǎn)單表單驗(yàn)證案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單表單驗(yàn)證案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
js中forEach的用法之forEach與for之間的區(qū)別
這篇文章主要介紹了js中forEach的用法之forEach與for之間的區(qū)別，forEach() 調(diào)用數(shù)組的每個(gè)元素，并將元素傳遞給回調(diào)函數(shù)，下面更多詳細(xì)介紹需要的小伙伴可以參考一下2022-03-03
一個(gè)JavaScript操作元素定位元素的實(shí)例
操作元素定位元素，大家會(huì)想到使用js來(lái)實(shí)現(xiàn)，下面有個(gè)不錯(cuò)的示例，大家可以看看2014-10-10
JavaScript獲取時(shí)區(qū)實(shí)現(xiàn)過(guò)程解析
這篇文章主要介紹了JavaScript獲取時(shí)區(qū)實(shí)現(xiàn)過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09
這篇文章主要介紹了javascript修改表格背景色實(shí)例，代碼簡(jiǎn)單，大家參考使用吧2013-12-12
這篇文章主要介紹了JS訪問(wèn)DOM節(jié)點(diǎn)方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了JS訪問(wèn)DOM節(jié)點(diǎn)的相關(guān)函數(shù)與使用方法,需要的朋友可以參考下2016-11-11