Question

引入方式

1 - 全局引入地图插件

首先需要在项目初始化时，通过 initAMapApiLoader 引入所需要的插件。

使用插件之前一定要初始化，否则会报错！

import VueAMap from 'vue-amap';
VueAMap.initAMapApiLoader({
  key: 'YOUR_KEY',
  plugin: ['Autocomplete', 'PlaceSearch', 'Scale', 'OverView', 'ToolBar', 'MapType', 'PolyEditor', 'AMap.CircleEditor']
});

2 - 配置插件

全局引入后，需要给单个地图组件配置插件:

<template>
  <div>
    <el-amap vid="amapDemo" :plugin="plugins"></el-amap>
  </div>
</template>

<script>
export default {
  data() {
    return {
      plugins: ['MapType'];
    };
  };
};
</script>

配置说明

插件名支持两种，不带"AMap"前缀，如"MapType",带"AMap"前缀，如"AMap.MapType"。推荐前者，以下都基于前者说明。 （v0.1.2之前版本，只支持后者）

插件的配置支持两种方式。

1 - 默认配置

只配置插件名，配置则用默认

{
  plugin: ['MapType']
}

2 - 自定义配置

（v0.1.2开始支持）

自定义配置对象，pName为插件名。所有属性仅支持初始化配置，不支持响应式。

{
  plugin: [{
    // pName为必填字段
    pName: 'MapType',
    defaultType: 1
  }]
}