vue + 百度地图JS2.0

以下是使用Vue和百度地图JS2.0实现地图定位的示例代码：

1. 在index.html文件中引入百度地图JS API：

<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=你的AK"></script>

2. 在Vue组件中使用百度地图API：

<template>
  <div id="map"></div>
</template>

<script>
export default {
  mounted() {
    // 创建地图实例
    const map = new BMap.Map("map");
    // 创建点坐标
    const point = new BMap.Point(116.404, 39.915);
    // 初始化地图，设置中心点坐标和地图级别
    map.centerAndZoom(point, 15);
    // 开启鼠标滚轮缩放
    map.enableScrollWheelZoom(true);
    // 添加定位控件
    const geolocationControl = new BMap.GeolocationControl();
    map.addControl(geolocationControl);
    // 获取当前位置信息
    const geolocation = new BMap.Geolocation();
    geolocation.getCurrentPosition(function(r) {
      if (this.getStatus() == BMAP_STATUS_SUCCESS) {
        // 定位成功，设置地图中心点为当前位置
        map.panTo(r.point);
      } else {
        // 定位失败
        alert("定位失败：" + this.getStatus());
      }
    });
  },
};
</script>

在上述代码中，我们首先在mounted钩子函数中创建了一个地图实例，并设置了地图的中心点坐标和级别。然后，我们开启了鼠标滚轮缩放，并添加了一个定位控件。接着，我们使用BMap.Geolocation类获取当前位置信息，并将地图中心点设置为当前位置。最后，我们在getCurrentPosition方法中处理定位成功和失败的情况。