微信小程序實現(xiàn)自動定位功能
更新時間：2018年10月31日 11:24:37 作者：crazyboy12138
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)自動定位功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了微信小程序實現(xiàn)自動定位的具體代碼，供大家參考，具體內(nèi)容如下
使用了騰訊地圖提供的免費api：
需要引入一個js文件：下載地址
js代碼：
// 引入SDK核心類
var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');
var qqmap = new QQMapWX({
//在騰訊地圖開放平臺申請密鑰 http://lbs.qq.com/mykey.html
key: 'your KEY'
});
Page({
data: {
myLatitude: "",
myLongitude: "",
myAddress: ""
},
onLoad: function(){
var that = this
//用微信提供的api獲取經(jīng)緯度
wx.getLocation({
type: 'wgs84',
success: function(res){
that.setData({myLatitude: res.latitude, myLongitude: res.longitude})
//用騰訊地圖的api，根據(jù)經(jīng)緯度獲取城市
qqmap.reverseGeocoder({
location: {
latitude: that.data.myLatitude,
longitude: that.data.myLongitude
},
success: function (res) {
console.log(res)
var a = res.result.address_component
//獲取市和區(qū)（區(qū)可能為空）
that.setData({myAddress: a.city + a.district})
//控制臺輸出結果
console.log(that.data.myAddress)
}
})
}
})
}
})
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
BootStrap Progressbar 實現(xiàn)大文件上傳的進度條的實例代碼
這篇文章主要介紹了BootStrap Progressbar 實現(xiàn)大文件上傳的進度條的實例代碼的相關資料，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)QQ聊天室功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
JavaScript實現(xiàn)防止網(wǎng)頁被嵌入Frame框架的代碼分享
這篇文章主要介紹了JavaScript實現(xiàn)防止網(wǎng)頁被嵌入Frame框架的代碼分享,本文給出了2種防嵌入方法,需要的朋友可以參考下2014-12-12
JavaScript 實現(xiàn)類似Express的中間件系統(tǒng)(實例詳解)
在 Express 中可以給一個請求設置若干個中間件，在處理響應時會按順序執(zhí)行這些中間件，正在執(zhí)行的中間件可以控制是否執(zhí)行下一個中間件，這篇文章主要介紹了JavaScript 實現(xiàn)類似Express的中間件系統(tǒng)的相關資料,需要的朋友可以參考下2023-02-02
如何使用big.js解決JavaScript浮點數(shù)精度丟失問題
最近在項目中涉及到金額從元轉為分（乘100即可）,發(fā)現(xiàn)乘法居然也會有精度丟失的問題,關于浮點數(shù)計算精度丟失是很多語言都存在的問題,本文給大家分享使用big.js解決JavaScript浮點數(shù)精度丟失問題,感興趣的朋友一起看看吧2023-12-12
今天小編就為大家分享一篇關于layui表單中按鈕自動提交的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JS實現(xiàn)漢字與Unicode碼相互轉換的方法詳解
這篇文章主要介紹了JS實現(xiàn)漢字與Unicode碼相互轉換的方法,結合實例形式較為詳細的分析了javascript針對漢字與Unicode編碼轉換的操作技巧與相關注意事項,需要的朋友可以參考下2017-04-04
限制文本框只能輸入數(shù)字||只能是數(shù)字和小數(shù)點||只能是整數(shù)和浮點數(shù)
這篇文章主要介紹了限制文本框只能輸入數(shù)字||只能是數(shù)字和小數(shù)點||只能是整數(shù)和浮點數(shù)的實例代碼，非常不錯，也比較實用，需要的小伙伴一起看下吧2016-05-05
JavaScript實現(xiàn)節(jié)點的刪除與序號重建實例
這篇文章主要介紹了JavaScript實現(xiàn)節(jié)點的刪除與序號重建方法,涉及javascript針對頁面節(jié)點的刪除與遍歷技巧,非常具有實用價值,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細介紹了如何基于JavaScript實現(xiàn)一個可拖拽的容器布局組件,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2023-12-12