写一个基于vue2的加载百度地图的例子

好的，以下是基于Vue2加载百度地图的示例代码：

1. 首先需要在index.html中引入百度地图的API：

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

2. 在需要显示地图的组件中，引入BMap对象，创建地图，并显示到页面上：

<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);
  },
};
</script>

3. 如果需要监听地图事件，可以在mounted()函数中添加相应的事件处理函数：

<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);

    // 添加地图点击事件监听
    map.addEventListener("click", function(e) {
      console.log(e.point.lng, e.point.lat);
    });
  },
};
</script>

其中，e.point.lng和e.point.lat分别表示点击的经度和纬度。

以上就是基于Vue2加载百度地图的示例代码，希望能对你有所帮助。