年前公司要求网站首页的地图要翻一次新，鉴于之前的插件（amap-vue）不能满足，所以年后过来自己就去另外找了一套插件使用，用后之后感觉比之前插件方便，写下自己的心得。

安装：

npm i @amap/amap-jsapi-loader --save

使用

main.js引入

在使用的页面引入多次

import AMapLoader from "@amap/amap-jsapi-loader";

 

 这样子，一个初版的地图就出来了

注意：

如果你要使用可视化（Loca），要对准相应的版本（高德官网有标注说明），否则将不能使用

 另：要是没有申请到key，可以看高德官网，按照流程去申请，附地址：

准备-入门-教程-地图 JS API v2.0 | 高德地图API