vue中引入地图插件

当我们在写项目时，有时会遇见需要用到地图

现在我为大家写一个简单的获取地图的插件

在这个index.html文件里写入script src路径

 这里需要在 自己创建的vue 文件里写一个div设置宽高

<div class="map" id="map"></div>

这里引入这个import

import { nextTick, onMounted } from "vue";

在这里输入这串代码即可

onMounted(() => {  
    nextTick(() => {
    initMap();
  });
});
var map = ref(null);
const initMap = () => {
  map = new AMap.Map("map", {
    pitch: 15, // 地图俯仰角度，有效范围 0 度- 83 度
    viewMode: "3D", // 地图模式
    position: [116.39, 39.9],
  });
  map.add(map);
};