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