vue-amap 使用笔记

Step 1 引用

app.ts

// 引入
import VueAMap from 'vue-amap';
// 全局应用配置初始化
Vue.use(VueAMap);
VueAMap.initAMapApiLoader({
  // 申请到的AMap Key
  key: 'xxxxxx',
  // 用到的组件
  plugin: ['AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType'],
  // 版本
  v: '1.4.4'
});

vue-amap.d.ts

declare module 'vue-amap';
// 重要
declare const AMap: any; 

Step 2 页面

page.vue

<template>
    <!-- 注意，在引入原生SDK时，amap-manager属性非常重要 -->
    <el-amap ref="map" vid="amapDemo" :amap-manager="amapManager