微信小程序 接入騰訊地圖的兩種寫法
最近在寫微信小程序,遇到瞭一些坑,在網上也查瞭好多,感覺都沒有我想要的答案,
剛處理瞭這個地圖的問題,在這裡總結下,希望可以幫助大傢。
在微信小程序中,騰訊地圖的接入其實是有兩種方式的,第一種調用騰訊本身的地圖,第二種是使用插件 ma-route
一、調用騰訊本身的地圖
實現結果如下圖:
這個非常簡單,而且用的人也很多,
隻需要調用兩個地圖的api.
就是上邊的兩個。當然調用openLocation的時候你首先要調用getLocation授權
需要你在app.json裡配置信息,如下:
在你需要跳轉地圖的頁面寫以下方法:
點擊
可以彈出百度地圖,高德地圖等第三方軟件
以上就是第一種方法,
二、第二種方法
首先找到微信小程序的
在插件管理中添加該插件
使用方法:
首先在app.json文件中配置
其次在它所在目錄的main.json文件配置
我是基於mpvue寫的,所以和開發文檔上稍有區別
先有跳轉過來的頁面拿到終點地址,然後通過getLocation獲取當前位置坐標
代碼如下:
以下是第二種方法:成功後的效果圖
到此這篇關於微信小程序 接入騰訊地圖的兩種寫法的文章就介紹到這瞭,更多相關小程序 接入騰訊地圖內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- 微信小程序實現導航功能的操作步驟
- 使用微信小程序顯示用戶當前地理位置的詳細代碼
- uni.getLocation和wx.getLocation方法調用無效也不返回失敗的解決方案
- 微信小程序api列表匯總包括網絡API,媒體API,文件API ,微信小程序支付流程,位置API,界面API等
- python如何構建mock接口服務