一、先去高德地图Api申请账号,创建账号—>创建应用—>添加key(很重要,没有key下面步骤无意义) 高德地图网址:高德地图API
二、在vue-cli中下载高德地图插件
npm i @amap/amap-jsapi-loader --save
cnpm i @amap/amap-jsapi-loader --save//淘宝镜像下载
三、在即将使用地图的组件内引入
import AMapLoader from "@amap/amap-jsapi-loader";
四、在methods中定义方法
initMap() {
AMapLoader.load({
"key": "你的key码", // 申请好的Web端开发者Key,首次调用 load 时必填
"version": "2.0", // 指定要加载的 JSAPI 的版本,缺省时默认为 1.4.15
"plugins": [], // 需要使用的的插件列表,如比例尺'AMap.Scale'等
"AMapUI": { // 是否加载 AMapUI,缺省不加载
"version": '1.1', // AMapUI 缺省 1.1