微信小程序 獲取當(dāng)前地理位置和經(jīng)緯度實(shí)例代碼
微信小程序?qū)嵗?獲取當(dāng)前的地理位置、經(jīng)緯度
微信小程序官方文檔
https://mp.weixin.qq.com/debug/wxadoc/dev/api/location.html
JS代碼
//index.js
//獲取應(yīng)用實(shí)例
var app = getApp()
Page({
data: {
motto: '示例小程序-獲取當(dāng)前地理位、速度',
userInfo: {},
hasLocation:false,
location:{}
},
//事件處理函數(shù)
bindViewTap: function() {
wx.navigateTo({
url: '../logs/logs'
})
},
onLoad: function () {
console.log('onLoad')
var that = this
//調(diào)用應(yīng)用實(shí)例的方法獲取全局?jǐn)?shù)據(jù)
app.getUserInfo(function(userInfo){
//更新數(shù)據(jù)
that.setData({
userInfo:userInfo
})
}),
wx.getLocation( {
success: function( res ) {
console.log( res )
that.setData( {
hasLocation: true,
location: {
longitude: res.longitude,
latitude: res.latitude
}
})
}
})
}
})
index.wxml
<!--index.wxml-->
<view class="container">
<view bindtap="bindViewTap" class="userinfo">
<image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
<text class="userinfo-nickname">{{userInfo.nickName}}</text>
</view>
<view class="usermotto">
<!-- <text class="user-motto">{{motto}}\n</text>-->
<text>經(jīng)度:{{location.longitude}}\n</text>
<text>緯度:{{location.latitude}}</text>
</view>
</view>
運(yùn)行效果

感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
相關(guān)文章
微信小程序 向左滑動(dòng)刪除功能的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序 向左滑動(dòng)刪除功能的實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2017-03-03
網(wǎng)頁(yè)里控制圖片大小的相關(guān)代碼
網(wǎng)頁(yè)里控制圖片大小的相關(guān)代碼...2006-06-06
JavaScript實(shí)現(xiàn)文本轉(zhuǎn)換為文件示例詳解
這篇文章主要為大家介紹了JavaScript實(shí)現(xiàn)文本轉(zhuǎn)換為文件示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08
Javascript調(diào)用XML制作連動(dòng)下拉列表框
Javascript調(diào)用XML制作連動(dòng)下拉列表框...2006-06-06
package.json依賴(lài)環(huán)境相關(guān)屬性詳解
這篇文章主要為大家介紹了package.json依賴(lài)環(huán)境相關(guān)屬性詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09
JS前端常見(jiàn)的競(jìng)態(tài)問(wèn)題解決方法詳解
這篇文章主要為大家介紹了JS前端常見(jiàn)的競(jìng)態(tài)問(wèn)題解決方法詳解,閱讀完本文,你將會(huì)知道:什么是競(jìng)態(tài)問(wèn)題;通常出現(xiàn)在哪些場(chǎng)景;解決競(jìng)態(tài)問(wèn)題有哪些方法,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪的相關(guān)資料2022-08-08
純js實(shí)現(xiàn)高度可擴(kuò)展關(guān)鍵詞高亮方案詳解
這篇文章主要為大家介紹了純js實(shí)現(xiàn)高度可擴(kuò)展關(guān)鍵詞高亮方案詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08
JS前端canvas交互實(shí)現(xiàn)拖拽旋轉(zhuǎn)及縮放示例
這篇文章主要為大家介紹了JS前端canvas交互實(shí)現(xiàn)拖拽旋轉(zhuǎn)及縮放示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08
Proxy Facade設(shè)計(jì)模式簡(jiǎn)化系統(tǒng)訪(fǎng)問(wèn)的強(qiáng)大工具原理詳解
這篇文章主要為大家介紹了 Proxy Facade設(shè)計(jì)模式簡(jiǎn)化系統(tǒng)訪(fǎng)問(wèn)的強(qiáng)大工具原理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10

