uniapp 地图选点

要在uniapp中使用地图选点功能，你可以按照以下方法进行操作。首先，你需要在uniapp中引入地图组件，并确保你已经申请并部署了腾讯地图的API密钥。接下来，你可以使用uni.chooseLocation()方法来打开地图选择位置的功能。在选择位置成功后，你可以通过回调函数的参数获取到位置的名称、详细地址、纬度和经度。具体的代码示例如下所示：

// 点击调起地图选择位置
goMap() {
  uni.authorize({
    scope: 'scope.userLocation',
    success(res) {
      uni.chooseLocation({
        success: function (res) {
          console.log('位置名称：', res.name);
          console.log('详细地址：', res.address);
          console.log('纬度：', res.latitude);
          console.log('经度：', res.longitude);
        }
      });
    },
    fail(err) {}
  });
},

如果你想要打开地图查看当前位置，你需要传入当前位置的经纬度。你可以使用uni.openLocation()方法来实现这个功能。具体的代码示例如下所示：

// 点击调起地图查看位置
goMap() {
  // 查看位置需要传经纬度才能执行
  const lat = parseFloat(latitude);
  const log = parseFloat(longitude);
  uni.authorize({
    scope: 'scope.userLocation',
    success(res) {
      uni.openLocation({
        latitude: lat,
        longitude: log,
        success: function() {}
      });
    },
    fail(err) {}
  });
},

通过以上方法，你可以在uniapp中实现地图选点功能。希望对你有所帮助！<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [uniapp H5 实现地图选址功能](https://blog.csdn.net/m0_56551688/article/details/126104265)[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/weixin_50343572/article/details/116483501)[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 ]