vue3-使用百度地图遇到的坑-地图实例化

1、创建地图实例

       原因：在使用vue3为了只定义一次地图实例，在所有方法中使用，直接使用如下定义方式：

 setup() {
    const data = reactive({
      bmap: null,}）
    const initMap = () => {
      data.bmap = new BMapGL.Map("container"); // 创建Map实例
}}

　　导致问题：地图上没有任何标注信息

 

  解决方式：

 setup() {
    const data = reactive({
      bmap: null,}）

      const initMap = () => {
      map = new BMapGL.Map("container"); // 创建Map实例
      data.bmap = map;
      }
   }

最终效果：