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

456 阅读1分钟

简介

@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链接