uniapp获取省市
时间: 2023-09-15 19:20:16 浏览: 667
在uni-app中获取省市信息的方法如下所示:
1. 首先,需要导入qqmap-wx-jssdk.js文件,并在方法中实例化API核心类,传入你的key值。
2. 通过uni.authorize方法获取用户的位置权限,成功后使用uni.chooseLocation方法获取用户的经纬度。
3. 创建一个map对象,并使用reverseGeocoder方法进行逆地理位置解析,将经纬度作为参数传入。
4. 在成功的回调函数中,可以通过res.result.ad_info来获取城市信息,其中包括省、市、区(县)等详细信息。
参考代码如下:
```
import map from "../../common/qqmap-wx-jssdk1.2/qqmap-wx-jssdk.js";
export default {
methods: {
maphq() {
uni.authorize({
scope: 'scope.userLocation',
success: () => {
uni.chooseLocation({
success: (res) => {
// 实例化API核心类
var mapsdk = new map({ key: 'key值' });
mapsdk.reverseGeocoder({
location: { latitude: res.latitude, longitude: res.longitude },
success: (res) => {
console.log(res.result.ad_info); // 城市信息
},
fail: (error) => {
// 处理错误
}
});
}
});
},
fail: () => {
uni.showModal({
title: '提示',
content: '位置权限获取失败,请重新授权!',
success: function(res) {
if (res.confirm) {
console.log('用户点击确定');
this.ditu();
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
}
});
},
}
}
```
通过上述方法,你可以在uni-app中获取到省、市等地区的信息。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [uni-app APP端定位获取省/市/区(县)](https://blog.csdn.net/weixin_43840289/article/details/114540688)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [uniapp 小程序使用腾讯地图搜索位置地点,获取省、市、县地区码的方法](https://blog.csdn.net/m0_46647799/article/details/124254740)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文