微信小程序實現導航功能的操作步驟
更新時間：2021年03月10日 11:30:00 作者：遠航_
這篇文章主要給大家介紹了關于微信小程序實現導航功能的操作步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
一、效果圖
二、操作步驟
1、申請騰訊地圖key——地址
2、小程序后臺添加騰訊插件——開發(fā)文檔
3、小程序代碼app.json設置
let plugin = requirePlugin('routePlan');
let key = ''; //使用在騰訊位置服務申請的key
let referer = ''; //調用插件的app的名稱
let endPoint = JSON.stringify({ //終點
'name': '吉野家(北京西站北口店)',
'latitude': 39.89631551,
'longitude': 116.323459711
});
wx.navigateTo({
url: 'plugin://routePlan/index?key=' + key + '&referer=' + referer + '&endPoint=' + endPoint
});
或者也可以使用小程序內置地圖導航
使用小程序內置地圖wx.getLocation和wx.openLocation
//wxml <button type="default" bindtap="openMap">打開地圖</button>
//js
Page({
data: {
},
openMap: function () {
wx.getLocation({
type: 'gcj02', // 默認為 wgs84 返回 gps 坐標，gcj02 返回可用于 wx.openLocation 的坐標
success: function (res) {
// success
console.log(res.latitude);
console.log(res.longitude);
wx.openLocation({
latitude: res.latitude, // 緯度，范圍為-90~90，負數表示南緯
longitude: res.longitude, // 經度，范圍為-180~180，負數表示西經
scale: 28, // 縮放比例
name:"要找的地方名字（某某飯店）",
address:"地址：要去的地點詳細描述"
})
}
})
}
})
總結
到此這篇關于微信小程序實現導航功能的文章就介紹到這了,更多相關微信小程序導航功能內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
文字滾動顯示，是網頁企業(yè)公告，文字鏈廣告常用的一種效果，說不定在什么時候你就能看到它。2010-05-05
這篇文章主要介紹了js類的繼承定義與用法,結合實例形式分析了javascript關于類的定義與繼承的相關使用技巧,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了javascript格式化json顯示,實例分析了javascript操作json格式化的相關技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了微信小程序scroll-view錨點鏈接滾動跳轉功能，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12
這里給大家整理的是本人上個項目中所用到的js方法，都是些非常常用的javascript方法，相信小伙伴們也能經常用到，這里整理出來分享給大家。2015-01-01
這篇文章主要給大家介紹了關于three.js利用gpu選取物體并計算交點位置的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用three.js具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-11-11
javaScript 中的 call() 是一個奇妙的方法，但也是一個讓人迷惑的方法，先看一下官方的解釋。2010-04-04
js中將多個語句寫成一個語句的兩種方法講述了逗號運算符將多個語句寫成一個語句以及花括號寫成一個語句的實現方法,需要的朋友可以參考一下2007-12-12
這篇文章主要為大家詳細介紹了微信小程序實現滾動Tab選項卡，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了JavaScript事件委托用法,實例分析了使用事件委托觸發(fā)事件的具體使用技巧,需要的朋友可以參考下2015-01-01