高德地图JS2.0区划聚合图层插件

简介

@vuemap/district-cluster是高德地图JSAPI2.0的开源扩展插件，该插件可用于基于区划的点的聚合功能，该插件基于AMapUI的DistrictCluster修改而成，因此API基本类似。

插件文档地址

配套高德vue组件库 @vuemap/vue-amap

示例地址

codepen示例

制作背景

AMapUI本身拥有一个区划聚合插件，但该插件基于原本的AMap 1.x版本，只支持2D，因此基于AMapUI本身的聚合逻辑重新实现区划面和聚合点的实现逻辑。

使用方法

插件支持CDN加载和npm加载两种方式，使用CDN加载时会将DistrictCluster类加载到AMap命名空间下，使用npm加载时则可以直接从插件里import相应的类来处理，具体使用方式可以查看文档。

插件优势

插件与AMapUI的使用API基本类似，但增加了区划面和聚合点的自定义接口，既可以利用配置快速实现自定义样式，也可以根据自定义函数完全实现自己的面和点。同时由于API基本一致，从AMapUI迁移过来也会很方便。

最后再标注一下项目地址： github链接