区划聚合图层

高德地图的区划聚合图层，图层基于AMapUI的区划插件改造实现。插件文档open in new window

提示

来源 @vuemap/vue-amap 组件库

基础示例

静态属性

仅且可以初始化配置，不支持响应式。

名称	类型	说明
getPosition	(dataItem: any, dataIndex: number) => AMap.LngLatLike	返回数据项中的经纬度信息
autoSetFitView	Boolean	是否在绘制后自动调整地图视野以适合全部点，默认true
topAdcodes	number[]	顶层区划的adcode列表。（TXTopen in new window，JSONopen in new window）默认为[100000]，即全国范围.假如仅需要展示河北和北京，可以设置为[130000, 110000],
excludedAdcodes	number[]	需要排除的区划的adcode列表
renderOptions	RenderOptions	绘制的引擎的参数，参数列表见下面
extraOptions	Object	额外扩展属性，会直接将属性拷贝到初始化的options中，当key与props内的一样时会被props覆盖

RenderOptions参数说明

属性名	属性类型	属性描述
minHeightToShowSubFeatures	Number	父级区划的最小显示高度，默认630
minSiblingAvgHeightToShowSubFeatures	Number	父级区划的同级兄弟区划的最小平均显示高度，默认600
minSubAvgHeightToShowSubFeatures	Number	子级区划的最小平均显示高度，默认300, 当上面3个条件同时满足时，切换到子级显示
featureStyleByLevel	FeatureStyleByLevelOption	按区划级别（如下4类）定义的区划面样式 `{country: FeatureStyle, province: FeatureStyle, city: FeatureStyle, district: FeatureStyle}` , 默认值
minHeightToShowSubFeatures	Number	父级区划的最小显示高度，默认630
areaNodeCacheLimit	Number	AreaNode缓存的数量，默认-1，即不限制
getFeatureStyle	(feature: any, dataItems: any[]) => StyleOption	直接指定某个区划的样式，优先级最高
zooms	[Number, Number]	绘制的层级范围，默认 [2, 30]
renderPolygon	(feature: any, dataItems: any[]) => AMap.Polygon	自定义绘制多边形
renderClusterMarker	(feature: any, dataItems: any[]) => AMap.Marker	自定义绘制聚合标号
clusterMarkerEventSupport	Boolean	聚合标注是否开启事件支持，默认true。
clusterMarkerClickToShowSub	Boolean	点击聚合标注是否触发展示子级区划（即调用 zoomToShowSubFeatures 方法），默认true
featureEventSupport	Boolean	区划面是否开启事件支持，默认true
featureClickToShowSub	Boolean	点击区划面是否触发进入子级区划，默认false

FeatureStyle参数说明

属性名	属性类型	属性描述
strokeColor	String	线条颜色，使用16进制颜色代码赋值。
strokeOpacity	Number	轮廓线透明度，取值范围 [0,1] ，0表示完全透明，1表示不透明
strokeWeight	Number	轮廓线宽度
fillColor	String	多边形填充颜色，使用16进制颜色代码赋值
fillOpacity	Number	多边形填充透明度，取值范围 [0,1] ，0表示完全透明，1表示不透明

featureStyleByLevel默认值

{
  country: {
    strokeColor: 'rgb(31, 119, 180)',
    strokeOpacity: 0.9,
    strokeWeight: 2,
    fillColor: 'rgb(49, 163, 84)',
    fillOpacity: 0.8
  },
  province: {
    strokeColor: 'rgb(31, 119, 180)',
    strokeOpacity: 0.9,
    strokeWeight: 2,
    fillColor: 'rgb(116, 196, 118)',
    fillOpacity: 0.7
  },
  city: {
    strokeColor: 'rgb(31, 119, 180)',
    strokeOpacity: 0.9,
    strokeWeight: 2,
    fillColor: 'rgb(161, 217, 155)',
    fillOpacity: 0.6
  },
  district: {
    strokeColor: 'rgb(31, 119, 180)',
    strokeOpacity: 0.9,
    strokeWeight: 2,
    fillColor: 'rgb(199, 233, 192)',
    fillOpacity: 0.5
  }
}

动态属性

支持响应式。

名称	类型	说明
zIndex	Number	图层的层级，默认为 10
visible	Boolean	图层是否可见，默认为 true
data	Array	数据源数组，每个元素即为点相关的信息

ref 可用方法

提供无副作用的同步帮助方法

函数	返回	说明
$$getInstance()	AMap.CanvasLayer	获取实例

事件

事件	参数	说明
init	AMap.DistrictCluster	实例初始化结束
featureClick	event, feature	鼠标点击feature对应的区域时触发
featureMouseover	event, feature	鼠标移入feature对应的区域时触发
featureMouseout	event, feature	鼠标移出feature对应的区域时触发
clusterMarkerClick	event, record: { adcode:number,feature:Feature,dataItems:Array}	鼠标点击聚合标注时触发