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