vue-baidu-map绘制点

要在Vue项目中使用百度地图进行点的绘制，你可以按照以下步骤进行操作：

1. 首先，在你的Vue项目中安装 vue-baidu-map 插件。可以通过以下命令进行安装：

npm install vue-baidu-map --save

2. 在你的Vue组件中引入 vue-baidu-map：

<template>
  <div>
    <baidu-map :ak="yourBaiduMapAK" v-if="loaded"></baidu-map>
  </div>
</template>

<script>
import { BaiduMap } from 'vue-baidu-map'

export default {
  components: {
    BaiduMap
  },
  data() {
    return {
      yourBaiduMapAK: 'yourBaiduMapAK',
      loaded: false
    }
  },
  mounted() {
    // 在mounted钩子函数中设置地图加载完成后的回调函数
    this.$nextTick(() => {
      this.loaded = true
      this.initMap()
    })
  },
  methods: {
    initMap() {
      // 初始化地图
      // 创建地图实例
      let map = new BMap.Map("map-container")
      // 设置地图中心点
      let point = new BMap.Point(116.404, 39.915)
      map.centerAndZoom(point, 15)
      
      // 创建标注物
      let marker = new BMap.Marker(point)
      // 将标注物添加到地图中
      map.addOverlay(marker)
    }
  }
}
</script>

3. 在 `yourBaiduMapAK` 的位置，替换为你自己的百度地图开发者AK（API Key），可以在百度地图开放平台申请获取。

4. 在 `initMap` 方法中，可以根据需要设置地图的中心点和缩放级别，然后创建标注物，并将其添加到地图中。

5. 在页面中添加一个容器，用于渲染地图：

<div id="map-container"></div>

这样，你就可以在Vue项目中使用 vue-baidu-map 插件进行点的绘制了。记得替换 `yourBaiduMapAK` 为你自己的百度地图开发者AK。