vue中加载高德地图

1.下载插件

npm i  @amap/amap-jsapi-loader

2.初始化地图

  //设置高德地图的安全密钥
  const apikey: string = '你的key';
  AMapLoader.load({
    key: apikey,
    version: '1.4.15',
    plugins: [],
  }).then((AMap) => {
    const mapObject = new AMap.Map('map_container', {
      //设置地图容器id
      viewMode: '2D',
      zoom: 10,
      center: [108.9, 34.27],
    });

  })
    .catch((e) => {
      console.log(e);
    });