微信小程序 location API實(shí)例詳解

location API也就分這里分兩種wx.getLocation(object)獲取當(dāng)前位置和wx.openLocation(object)通過(guò)經(jīng)緯度打開內(nèi)置地圖。其中定位獲取位置信息返回參數(shù)是有問(wèn)題的speed,accuracy這兩個(gè)是沒有的。還有一個(gè)就是打開內(nèi)置地圖之后再返回會(huì)報(bào)一個(gè)錯(cuò)誤(Page route錯(cuò)誤—WAService.js:2 navigateBack 一個(gè)不存在的webviewId0)如果有知道的可告知,我找到解決方式也會(huì)補(bǔ)充下!
主要屬性:
wx.getLocation(object)獲取當(dāng)前位置

成功之后返回參數(shù)

wx.openLocation(object)打開微信內(nèi)置地圖

這里直接進(jìn)入微信內(nèi)置應(yīng)用,當(dāng)使用導(dǎo)航返回鍵時(shí)是內(nèi)部寫的外界無(wú)法干預(yù)所以WAService.js:2 navigateBack 一個(gè)不存在的webviewId0這個(gè)錯(cuò)估計(jì)也帶等小程序修復(fù)吧??!
wxml
<button id="0" type="primary" bindtap="listenerBtnGetLocation">定位當(dāng)前位置并打開內(nèi)置地圖</button>
js
Page({
data:{
text:"Page location"
},
onLoad:function(options){
// 頁(yè)面初始化 options為頁(yè)面跳轉(zhuǎn)所帶來(lái)的參數(shù)
},
/**
* 監(jiān)聽定位到當(dāng)前位置
*/
listenerBtnGetLocation: function() {
wx.getLocation({
//定位類型 wgs84, gcj02
type: 'gcj02',
success: function(res) {
console.log(res)
wx.openLocation({
//當(dāng)前經(jīng)緯度
latitude: res.latutude,
longitude: res.longitude,
//縮放級(jí)別默認(rèn)28
scale: 28,
//位置名
name: '測(cè)試地址',
//詳細(xì)地址
address: '火星路24號(hào)',
//成功打印信息
success: function(res) {
console.log(res)
},
//失敗打印信息
fail: function(err) {
console.log(err)
},
//完成打印信息
complete: function(info){
console.log(info)
},
})
},
fail: function(err) {
console.log(err)
},
complete: function(info) {
console.log(info)
},
})
},
onReady:function(){
// 頁(yè)面渲染完成
},
onShow:function(){
// 頁(yè)面顯示
},
onHide:function(){
// 頁(yè)面隱藏
},
onUnload:function(){
// 頁(yè)面關(guān)閉
}
})
感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
- 微信小程序通過(guò)api接口將json數(shù)據(jù)展現(xiàn)到小程序示例
- 微信小程序 網(wǎng)絡(luò)API Websocket詳解
- 微信小程序 location API接口詳解及實(shí)例代碼
- 微信小程序 canvas API詳解及實(shí)例代碼
- 微信小程序 animation API詳解及實(shí)例代碼
- 微信小程序 navigation API實(shí)例詳解
- 微信小程序 獲取設(shè)備信息 API實(shí)例詳解
- 微信小程序中遇到的iOS兼容性問(wèn)題小結(jié)
- 微信小程序開發(fā)之IOS和Android兼容的問(wèn)題
- 微信小程序收貨地址API兼容低版本解決方法
相關(guān)文章
微信小程序 vidao實(shí)現(xiàn)視頻播放和彈幕的功能
這篇文章主要介紹了微信小程序 vidao實(shí)現(xiàn)視頻播放和彈幕的功能的相關(guān)資料,這里提供實(shí)現(xiàn)代碼及實(shí)現(xiàn)效果圖,需要的朋友可以參考下2016-11-11
微信小程序中使用Promise進(jìn)行異步流程處理的實(shí)例詳解
這篇文章主要介紹了微信小程序中使用Promise進(jìn)行異步流程處理的實(shí)例詳解的相關(guān)資料,這里詳細(xì)說(shuō)明該如何使用Promise 來(lái)進(jìn)行異步流程的處理,提供具體實(shí)現(xiàn)步驟,需要的朋友可以參考下2017-08-08
JavaScript loader原理簡(jiǎn)單總結(jié)示例解析
這篇文章主要為大家介紹了JavaScript loader原理簡(jiǎn)單總結(jié)示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
微信小程序 wx.request方法的異步封裝實(shí)例詳解
這篇文章主要介紹了微信小程序 wx.request方法的異步封裝實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-05-05
微信小程序?qū)崿F(xiàn)給循環(huán)列表添加點(diǎn)擊樣式實(shí)例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)給循環(huán)列表添加點(diǎn)擊樣式實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-04-04
JavaScript執(zhí)行機(jī)制詳細(xì)介紹
這篇文章主要介紹了JavaScript執(zhí)行機(jī)制,想要搞懂JavaScript執(zhí)行機(jī)制,便與進(jìn)程與線程的概念脫不了干系,下面我們就來(lái)看看這JavaScript執(zhí)行機(jī)制的具體介紹吧,需要的朋友可以參考一下2021-12-12
用Move.js配合創(chuàng)建CSS3動(dòng)畫的入門指引
這篇文章主要介紹了用Move.js配合創(chuàng)建CSS3動(dòng)畫的入門指引,文中介紹了這個(gè)JavaScript庫(kù)中的一些基本方法的使用,需要的朋友可以參考下2015-07-07
JavaScript嚴(yán)格模式不支持八進(jìn)制的問(wèn)題講解
這篇文章主要講解JavaScript嚴(yán)格模式不支持八進(jìn)制的問(wèn)題,本文圍繞JavaScript嚴(yán)格模式展開內(nèi)容,詳細(xì)介紹為什么JavaScript嚴(yán)格模式不支持八進(jìn)制,下面來(lái)看看詳細(xì)介紹,需要的朋友可以參考一下2021-11-11
詳解Anyscript開發(fā)指南繞過(guò)typescript類型檢查
這篇文章主要為大家介紹了詳解Anyscript開發(fā)指南繞過(guò)typescript類型檢查,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09

