微信小程序?qū)崿F(xiàn)自動定位功能
更新時間：2018年10月31日 11:24:37 作者：crazyboy12138
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)自動定位功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了微信小程序?qū)崿F(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})
//控制臺輸出結(jié)果
console.log(that.data.myAddress)
}
})
}
})
}
})
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
Event Loop，簡單翻譯就是?事件循環(huán)，是 JS 語言下實現(xiàn)運行時的一個機制，這篇文章主要介紹了JS?中的?Event?Loop?的基本知識,需要的朋友可以參考下2022-06-06
這篇文章主要介紹了js實現(xiàn)交換運動效果的方法,涉及javascript操作頁面元素與相關樣式實現(xiàn)交換運動效果的技巧,需要的朋友可以參考下2015-04-04
JavaScript中的appendChild()方法示例詳解
這篇文章主要介紹了JavaScript中的appendChild()方法,appendChild()方法是向節(jié)點添加最后一個子節(jié)點,也可以使用此方法從一個元素向另一個元素移動元素,本文結(jié)合實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2023-10-10
html讀出文本文件內(nèi)容...2007-01-01
本文主要介紹了uniapp實現(xiàn)微信公眾號支付的方法步驟，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
這篇文章主要給大家介紹了關于手撕javascript繼承的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11
這篇文章主要分享了一些前端性能優(yōu)化的建議，幫助大家提高頁面性能，感興趣的朋友可以了解下2020-09-09
閉包是一個擁有許多變量和綁定了這些變量的環(huán)境表達式（通常是一個函數(shù)），因而這些變量也是環(huán)境表達式的一部分。2010-12-12
js實現(xiàn)tab選項卡函數(shù)代碼，需要的朋友可以參考下，這樣的代碼也是比較常用的，相當原理也比較簡單。2010-04-04
js 將canvas生成圖片保存,或直接保存一張圖片的實現(xiàn)方法
下面小編就為大家分享一篇js 將canvas生成圖片保存,或直接保存一張圖片的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01