百度地图标点实现vue

infowindow 多窗口我不会,有大佬会的.希望可以教教我!

vue代码如下:

<template>
  <!--地图容器-->
  <div id="XSDFXPage" class="XSDFXPage"></div>

</template>
<script>
  export default {
    data () {
      return {

      }
    },
    mounted() {

      //创建和初始化地图函数：
      function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
       // addMapControl();//向地图添加控件
        addMarker();//向地图中添加marker
      }
      //创建地图函数：
      function createMap(){
        //创建Map实例
        var map = new BMap.Map("XSDFXPage");
        // 初始化地图,设置中心点坐标
        var point = new BMap.Point(116.404, 39.915);// 创建点坐标
        map.centerAndZoom(point,12);
        //添加鼠标滚动缩放
        map.enableScrollWheelZoom();
        window.map = map;
      }

      //地图事件设置函数：
      function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可