ArcGIS API For Javascript实现点聚合效果

已被阅读 2512 次 | 文章分类:ArcGIS API For Javascript | 2018-05-19 11:32

当地图上分布散点过多,过于密集,则整个界面和用户操作性就会变得很差,所以可以通过点聚合的方式对一定范围内的点,在对应比例尺下聚合,从何解决点位过于密集的问题

一:聚合原理

借助Esri提供的ClusterLayer.js库实现聚合效果,即随着鼠标放大缩小,实现点的聚合;1.通过Map的onZoomEnd函数触发ClusterLayer.js库中的聚合函数 2.通过esri/renderers/ClassBreaksRenderer类进行分类渲染;3.因为要计算聚合距离,所以需要将点的经纬度坐标通过墨客托投影进行转换,可调用esri/geometry/webMercatorUtils

1.代码中使用的数据文件是Esri官方提供的数据,在实际学习或者开发中可以从后台接受Json格式坐标数据;

2.ClusterLayer.js文件以模块方式加入,在这里用了ArcGIS API中自带的amdLoader加载器,不需要自己配置(API已经配置好前提下);这是一种requireJS加载机制,在这里也可以下载引入requirejs进行模块的引入,

二:运行效果

小白GIS

QQ:3410192267 | 技术支持 微信:popstarqqsmall

Copyright ©2017 xiaobaigis.com . 版权所有 鲁ICP备17027716号