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