Vue - Amap高德地图初始化使用以及行政区域聚合功能（script引入方式）

一、引入高德JSAPI

//在项目根目录下的模板index.html中引入下面2个JSAPI




    

二、声明externals

//因为是通过script标签引入的，所以要在webpack中将引入的库声明为外部扩展，否则在模块中导入时找不到。如果是vue-cli2的话，直接到build文件夹下的webpack配置文件中添加就行；如果是vue-cli3的话，自己在项目根目录下建一个vue.config.js文件，添加下面的externals配置，然后重启项目，刷新界面。


configureWebpack: config => {
        config.externals = {
            AMap: "window.CityGis",
            "GDAMap": "AMap",
        };
    },

三、初始化地图