var map = new BMapGL.Map("container"); 中BMapGL is not defined怎么办vue中

这是因为没有正确引入BMapGL库。在Vue中使用BMapGL需要先安装BMapGL插件并在组件中引入。

1. 安装BMapGL插件

在终端中进入Vue项目的根目录，运行以下命令安装BMapGL插件：

npm install vue-bmapgl --save

2. 引入BMapGL插件

在需要使用BMapGL的组件中，引入BMapGL插件：

import BMapGL from 'vue-bmapgl';

export default {
  name: 'MyComponent',
  components: {
    BMapGL,
  },
  ...
}

3. 在组件中使用BMapGL

在组件的template中，使用BMapGL组件，并在其中传入地图容器的id和地图的选项：

<template>
  <div>
    <BMapGL :ak="yourBmapGLAK" :options="mapOptions" :style="mapStyle" @load="handleMapLoad"></BMapGL>
    <div id="container"></div>
  </div>
</template>

<script>
import BMapGL from 'vue-bmapgl';

export default {
  name: 'MyComponent',
  components: {
    BMapGL,
  },
  data() {
    return {
      yourBmapGLAK: 'yourBmapGLAK',
      mapOptions: {
        enableMapClick: false,
      },
      mapStyle: {
        height: '800px',
      },
    };
  },
  methods: {
    handleMapLoad(map) {
      // 在地图加载完成后，使用BMapGL的API操作地图
      var bmap = map.map;
      var container = document.getElementById('container');
      bmap.centerAndZoom(new BMapGL.Point(116.404, 39.915), 15);
      var marker = new BMapGL.Marker(new BMapGL.Point(116.404, 39.915));
      bmap.addOverlay(marker);
    },
  },
};
</script>

注意在上述代码中，需要将BMapGL插件的AK（Access Key）替换为你自己的AK。

通过以上步骤，就可以在Vue项目中使用BMapGL库了。