vue2百度地图使用

要在Vue2中使用百度地图，可以按照以下步骤进行操作：

1. 在index.html中引入百度地图的JavaScript API

   <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=your_api_key"></script>

将上面的`your_api_key`替换为你自己的百度地图API密钥。

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

在你需要使用百度地图的Vue组件中，可以通过`mounted`钩子函数来初始化地图，并在`beforeDestroy`钩子函数中销毁地图。

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

   <script>
   export default {
     mounted() {
       this.initMap();
     },
     beforeDestroy() {
       this.destroyMap();
     },
     methods: {
       initMap() {
         // 创建地图实例
         const map = new window.BMap.Map("mapContainer");
         // 设置地图中心点和缩放级别
         const point = new window.BMap.Point(116.404, 39.915);
         map.centerAndZoom(point, 15);
       },
       destroyMap() {
         // 销毁地图实例
         window.BMap.Map.clearInstances();
       },
     },
   };
   </script>

在上面的示例中，我们在`mounted`钩子函数中创建了一个地图实例，并设置了地图的中心点和缩放级别。在`beforeDestroy`钩子函数中，我们销毁了地图实例，以避免内存泄漏。

注意：在使用百度地图之前，确保你已经获取到了API密钥，并将其替换到第一步中的代码中。

这样，你就可以在Vue2中使用百度地图了。记得根据自己的需求进行相应的配置和使用。