微信小程序怎么實(shí)現(xiàn)定位及到指定位置導(dǎo)航

這篇文章將為大家詳細(xì)講解有關(guān)微信小程序怎么實(shí)現(xiàn)定位及到指定位置導(dǎo)航，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)于2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站制作、網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元錫山做網(wǎng)站,已為上家服務(wù),為錫山各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575

一：實(shí)現(xiàn)定位及到指定位置導(dǎo)航所需組件及API

1：組件：map(地圖組件)

2：API：wx.getLocation(Object object)(獲取當(dāng)前的地理位置、速度)，wx.openLocation(Object object)(使用微信內(nèi)置地圖查看位置)

二：代碼實(shí)現(xiàn)

1：wxml

<view>
<map id="map"
longitude="{{longitude}}"
latitude="{{latitude}}"
scale="14"
markers="{{markers}}"
bindmarkertap="markertap"
bindregionchange="regionchange"
show-location

>
</map>
</view>
<view>
<button type="primary" bindtap="navigate">導(dǎo)航</button>
</view>

2：js

//js
Page({
/**
  * 頁面的初始數(shù)據(jù)
  */
data: {
//設(shè)置標(biāo)記點(diǎn)
markers: [
{
iconPath: "/images/ljx.png",
id: 4,
latitude: 31.938841,
longitude: 118.799698,
width: 30,
height: 30
}
],
//當(dāng)前定位位置
latitude:'',
longitude: '',
},
navigate() {
////使用微信內(nèi)置地圖查看標(biāo)記點(diǎn)位置，并進(jìn)行導(dǎo)航
wx.openLocation({
latitude: this.data.markers[0].latitude,//要去的緯度-地址
longitude: this.data.markers[0].longitude,//要去的經(jīng)度-地址
})
},
onLoad() {
//獲取當(dāng)前位置
wx.getLocation({
type: 'gcj02',
success: (res) => {
console.log(res)
this.setData({
latitude: res.latitude,
longitude: res.longitude
})
}
})
}
})

根據(jù)如上即可實(shí)現(xiàn)自身定位及到指定位置的導(dǎo)航，如下：

關(guān)于“微信小程序怎么實(shí)現(xiàn)定位及到指定位置導(dǎo)航”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

新聞名稱：微信小程序怎么實(shí)現(xiàn)定位及到指定位置導(dǎo)航
網(wǎng)站URL：http://muchs.cn/article24/iiosje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、響應(yīng)式網(wǎng)站、域名注冊(cè)、品牌網(wǎng)站設(shè)計(jì)、關(guān)鍵詞優(yōu)化、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)