vue 百度地图坐标反查

要实现在 Vue 中使用百度地图进行坐标反查，可以按照以下步骤进行：

1. 在 HTML 文件中添加百度地图的 JavaScript API：

<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥"></script>

2. 在 Vue 组件中初始化地图：

mounted() {
  // 初始化地图
  let map = new BMap.Map('map-container');
  // 设置地图中心点
  let point = new BMap.Point(116.404, 39.915);
  map.centerAndZoom(point, 15);
}

3. 添加地图点击事件，获取点击的经纬度坐标：

mounted() {
  // 初始化地图
  let map = new BMap.Map('map-container');
  // 设置地图中心点
  let point = new BMap.Point(116.404, 39.915);
  map.centerAndZoom(point, 15);

  // 添加地图点击事件
  map.addEventListener('click', e => {
    let point = new BMap.Point(e.point.lng, e.point.lat);
    // 反查经纬度所在位置
    let gc = new BMap.Geocoder();
    gc.getLocation(point, rs => {
      let addComp = rs.addressComponents;
      console.log(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
    });
  });
}

在这个例子中，我们使用 `BMap.Geocoder` 类中的 `getLocation()` 方法来反查经纬度所在的位置，然后输出省、市、区、街道和门牌号等信息。

注意：在使用百度地图 API 时，需要在申请密钥时指定允许跨域请求的域名或 IP。