怎么在vue-baidu-map做点位标记

在vue-baidu-map中添加点位标记可以通过以下步骤完成：

1. 在组件中引入百度地图的API

import BaiduMap from 'vue-baidu-map'

Vue.use(BaiduMap, {
  /* 这里可选你需要的地图SDK */
  ak: 'your_app_key'
})

2.在组件中创建地图

<template>
  <div class="map-container">
    <baidu-map class="map" :center="center" :zoom="zoom"></baidu-map>
  </div>
</template>

<script>
export default {
  data() {
    return {
      center: { // 地图中心点
        lng: 116.404,
        lat: 39.915
      },
      zoom: 15 // 缩放等级
    }
  }
}
</script>

3. 在mounted()中添加标记

<template>
  <div class="map-container">
    <baidu-map ref="baiduMap" class="map" :center="center" :zoom="zoom"></baidu-map>
  </div>
</template>

<script>
export default {
  data() {
    return {
      center: { // 地图中心点
        lng: 116.404,
        lat: 39.915
      },
      zoom: 15 // 缩放等级
    }
  },
  mounted () {
    let map = this.$refs.baiduMap.getMap()
    let point = new BMap.Point(116.404, 39.915) // 创建点位坐标
    let marker = new BMap.Marker(point) // 创建标记
    map.addOverlay(marker) // 添加标记到地图
  }
}
</script>