- 基础
- 基础
- 遮盖物
- 窗体
- 扩展
- 插件
- 自定义组件
- 示例中心
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
1.7.1 指南
引入方式
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
}]
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论