vue中高德地图的使用心得

最近项目中要使用到高德地图 写一篇文档记录下

首先 在适当位置创建一个AMap.js文件

AMap.js文件内容

export default function MapLoader() {

    return new Promise((resolve, reject) => {

      if (window.AMap) {

        resolve(window.AMap);

      } else {

        var script = document.createElement("script");

        script.type = "text/javascript";

        script.async = true;

        script.src =

           "https://webapi.amap.com/maps?v=1.4.15&key=申请的key&plugin=AMap.Geocoder&callback=initAMap";

        script.onerror = reject;

        document.head.appendChild(script);

      }

      window.initAMap = () => {

        resolve(window.AMap);

      };

    });

  }

在哪里调用  就在哪里引入

import AMap from "@/utils/AMa