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