步驟

使用 wx.getLocation來獲取位置授權(quán)：獲取到設(shè)備當(dāng)前的地理位置信息，這個信息是當(dāng)前位置的經(jīng)緯度

使用其他第三方地圖服務(wù)的API：獲取當(dāng)前位置是處于哪個國家，哪個城市等信息（eg：騰訊地圖、百度地圖）。

以騰訊地圖為例 去騰訊地圖開放平臺注冊一個賬號，然后在它的管理后臺創(chuàng)建一個密鑰(key)。

在我們的代碼中調(diào)用這個API。該API可以通過JSONP的方式調(diào)用，也可以在服務(wù)器端發(fā)起調(diào)用。
具體步驟知識參考：https://lbs.qq.com/guides/startup.html

代碼

（1）獲取地理經(jīng)緯度wx.getLocation
（2）下載微信小程序JavaScriptSDK
（3）安全域名設(shè)置，在“設(shè)置” -> “開發(fā)設(shè)置”中設(shè)置request合法域名，添加https://apis.map.qq.com
（4）小程序代碼完整示例

注意：微信小程序使用的時候，WebServiceAPI 域名白名單不能配置，否則會報錯 <text>經(jīng)緯度：{{latitude}},{{longitude}}</text> <view><text>位置：</text><text>{{province}} </text><text>{{city}} </text><text>{{district}} </text> </view> <button bindtap="getLocation">獲取當(dāng)前城市位置</button>var QQMapWX = require('../../libs/qqmap-wx-jssdk.js'); var qqmapsdk; Page({data: {province: '',city: '',district: '',latitude: '',longitude: '',},onLoad: function (options) {qqmapsdk = new QQMapWX({key: 'YRXBZ-42R3W-6XVRG-R3V7B-CAOE7-TQB43'});},getLocation () {let _this = thiswx.getSetting({success: (res) => {console.log(JSON.stringify(res))// res.authSetting['scope.userLocation'] == undefined 表示 初始化進(jìn)入該頁面// res.authSetting['scope.userLocation'] == false 表示 非初始化進(jìn)入該頁面,且未授權(quán)// res.authSetting['scope.userLocation'] == true 表示 地理位置授權(quán)if (res.authSetting['scope.userLocation'] != undefined && res.authSetting['scope.userLocation'] != true) {wx.showModal({title: '請求授權(quán)當(dāng)前位置',content: '需要獲取您的地理位置，請確認(rèn)授權(quán)',success: function (res) {if (res.cancel) {wx.showToast({title: '拒絕授權(quán)',icon: 'none',duration: 1000})} else if (res.confirm) {wx.openSetting({success: function (dataAu) {if (dataAu.authSetting["scope.userLocation"] == true) {wx.showToast({title: '授權(quán)成功',icon: 'success',duration: 1000})//再次授權(quán)，調(diào)用wx.getLocation的API_this.getToLocation()} else {wx.showToast({title: '授權(quán)失敗',icon: 'none',duration: 1000})}}})}}})} else if (res.authSetting['scope.userLocation'] == undefined) {//調(diào)用wx.getLocation的API_this.getToLocation()}else {//調(diào)用wx.getLocation的API_this.getToLocation()}}})},// 微信獲得經(jīng)緯度getToLocation: function () {let _this = this;wx.getLocation({type: 'wgs84',success: function (res) {console.log(JSON.stringify(res))var latitude = res.latitudevar longitude = res.longitudevar speed = res.speedvar accuracy = res.accuracy;_this.setData({latitude: res.latitude,longitude: res.longitude})_this.getLocal(latitude, longitude)},fail: function (res) {console.log('fail' + JSON.stringify(res))}})},// 獲取當(dāng)前地理位置getLocal: function (latitude, longitude) {let vm = this;qqmapsdk.reverseGeocoder({location: {latitude: latitude,longitude: longitude},success: function (res) {console.log(JSON.stringify(res));console.log(res.result);let province = res.result.ad_info.provincelet city = res.result.ad_info.citylet district = res.result.ad_info.districtvm.setData({province: province,city: city,district: district,latitude: latitude,longitude: longitude})},fail: function (res) {console.log(res);},complete: function (res) {// console.log(res);}});} })

結(jié)果

總結(jié)

以上是生活随笔為你收集整理的小程序 获取当前用户城市信息（省市区）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。