最近在寫(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)搜索服務(wù)器之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持服務(wù)器之家!
原文鏈接:https://www.cnblogs.com/neilniu/p/11043938.html#4799164