微信小程序?qū)崿F(xiàn)導(dǎo)航功能的操作步驟
一、效果圖
二、操作步驟
1、申請(qǐng)騰訊地圖key——地址
2、小程序后臺(tái)添加騰訊插件——開發(fā)文檔
3、小程序代碼app.json設(shè)置
let plugin = requirePlugin('routePlan'); let key = ''; //使用在騰訊位置服務(wù)申請(qǐng)的key let referer = ''; //調(diào)用插件的app的名稱 let endPoint = JSON.stringify({ //終點(diǎn) 'name': '吉野家(北京西站北口店)', 'latitude': 39.89631551, 'longitude': 116.323459711 }); wx.navigateTo({ url: 'plugin://routePlan/index?key=' + key + '&referer=' + referer + '&endPoint=' + endPoint });
或者也可以使用小程序內(nèi)置地圖導(dǎo)航
使用小程序內(nèi)置地圖wx.getLocation和wx.openLocation
//wxml <button type="default" bindtap="openMap">打開地圖</button>
//js Page({ data: { }, openMap: function () { wx.getLocation({ type: 'gcj02', // 默認(rèn)為 wgs84 返回 gps 坐標(biāo),gcj02 返回可用于 wx.openLocation 的坐標(biāo) success: function (res) { // success console.log(res.latitude); console.log(res.longitude); wx.openLocation({ latitude: res.latitude, // 緯度,范圍為-90~90,負(fù)數(shù)表示南緯 longitude: res.longitude, // 經(jīng)度,范圍為-180~180,負(fù)數(shù)表示西經(jīng) scale: 28, // 縮放比例 name:"要找的地方名字(某某飯店)", address:"地址:要去的地點(diǎn)詳細(xì)描述" }) } }) } })
總結(jié)
到此這篇關(guān)于微信小程序?qū)崿F(xiàn)導(dǎo)航功能的文章就介紹到這了,更多相關(guān)微信小程序?qū)Ш焦δ軆?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- 微信小程序中進(jìn)行地圖導(dǎo)航功能的實(shí)現(xiàn)方法
- 詳解微信小程序膠囊按鈕返回|首頁自定義導(dǎo)航欄功能
- 微信小程序自定義導(dǎo)航隱藏和顯示功能
- 微信小程序自定義底部導(dǎo)航帶跳轉(zhuǎn)功能
- 微信小程序?qū)崿F(xiàn)的動(dòng)態(tài)設(shè)置導(dǎo)航欄標(biāo)題功能示例
- 微信小程序MUI導(dǎo)航欄透明漸變功能示例(通過改變opacity實(shí)現(xiàn))
- 微信小程序系列之自定義頂部導(dǎo)航功能
- 微信小程序?qū)Ш綑诨瑒?dòng)定位功能示例(實(shí)現(xiàn)CSS3的positionsticky效果)
- 微信小程序地圖導(dǎo)航功能實(shí)現(xiàn)完整源代碼附效果圖(推薦)
- 微信小程序scroll-view實(shí)現(xiàn)滾動(dòng)到錨點(diǎn)左側(cè)導(dǎo)航欄點(diǎn)餐功能(點(diǎn)擊種類,滾動(dòng)到錨點(diǎn))
相關(guān)文章
微信小程序scroll-view錨點(diǎn)鏈接滾動(dòng)跳轉(zhuǎn)功能
這篇文章主要介紹了微信小程序scroll-view錨點(diǎn)鏈接滾動(dòng)跳轉(zhuǎn)功能,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12three.js利用gpu選取物體并計(jì)算交點(diǎn)位置的方法示例
這篇文章主要給大家介紹了關(guān)于three.js利用gpu選取物體并計(jì)算交點(diǎn)位置的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用three.js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11js中將多個(gè)語句寫成一個(gè)語句的兩種方法小結(jié)
js中將多個(gè)語句寫成一個(gè)語句的兩種方法講述了逗號(hào)運(yùn)算符將多個(gè)語句寫成一個(gè)語句以及花括號(hào)寫成一個(gè)語句的實(shí)現(xiàn)方法,需要的朋友可以參考一下2007-12-12微信小程序?qū)崿F(xiàn)滾動(dòng)Tab選項(xiàng)卡
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)滾動(dòng)Tab選項(xiàng)卡,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11