uniapp获取当前城市编号和信息

最新推荐文章于 2024-12-14 15:19:21 发布

原创

最新推荐文章于 2024-12-14 15:19:21 发布 · 1.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue.js #前端

本文档介绍了如何在uniapp中利用腾讯地图API获取用户授权后的地理位置，并通过逆地理编码找到用户所在城市。首先，获取用户授权，然后调用uniapp的getLocation接口获取经纬度。接着，使用腾讯地图的reverseGeocoder方法根据坐标查找城市信息。最后，展示返回的城市信息，包括城市名称和编号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言：

本篇文章使用的腾讯地图的api，获取当前地址是uniapp的，也可以根据其他地图进行查找。获取到当前城市坐标也可以自行使用其他的地图。

一、首先获取用户所在地

1.获取授权信息

    const that=this         
    uni.authorize({
        scope: 'scope.userLocation', // 获取地理信息必填的参数，其它参数见文档
        success(res) {
             that.getLocationFn()
          },
         // 授权失败
          fail(err) {
              uni.showModal({