arcgis 聚合图层EsriClusterLayer （二）

通过我们构建的EsriClusterLayer 还没有完全做完 那个只是封装了一个Featurelayer而已
首页options 我们定义有什么呢

• fields: featurelayer 的fileds 集合 等同于 FeatureLayer的fields
• geometryType: geometry的类型 等同于FeatureLayer的geometryType
• data: graphics 集合等同于 featurelayer的 sources，
• distance: 距离多少聚合 单位为米
• id: 'clusters' id 随意
• resolution: 分辨率
• notClusterScale: 需要在哪个比例尺不再聚合全部显示
• spatialReference: 该图层的坐标参考

监听view的zoom 事件实时去刷新 EsriClusterLayer 如果滚轮滚太快的话会导致多次渲染我们做一个防抖

通过EsriClusterRenderLayer 的调用来使用聚合图层

```javascript
import { esriClusterLayer } from './EsriClusterLayer';

export class EsriClusterRenderLayer{

constructor(viewer, layerInfo){

• this.map = viewer.map;
• this.view = viewer;
• this.layerInfo = layerInfo;
• this.lastZoom = 0;
• this.init();

}

async init(){
let view = this.view;
let options = {
fields: this.layerInfo.fields,
geometryType: this.layerInfo.geometryType,
data: this.layerInfo.data,
distance: this.layerInfo.distance,
id: 'clusters',
resolution: view.extent.width / view.width,
notClusterScale: this.layerInfo.notClusterScale,
spatialReference: this.layerInfo.spatialReference,
};
options.fields.push(
{
name: 'clusterId',
alias: 'clusterId',
type: 'double'
}
);

 

更多消息参考小专栏 https://xiaozhuanlan.com/topic/4072983615