先来看看效果吧:
emmm......其实真实的效果比这个好看,csdn可能对图片的饱和度还有对比度处理了。这个截图显得颜色很寡淡........
不过,没关系我们重点是原理。讲述之前啊大家可以关注我主页置顶文章,我的新书《WebGIS快速开发教程》写好了。
《WebGIS快速开发教程》写好啦_WebGIS小智的博客-CSDN博客
我们在实际的开发过程中难免会碰到聚合统计的需求,或者是有的时候我们一次性展示不了太多数据,我们就必须用到聚合的概念。其实在webgis中,聚合多半是空间上的聚合,也就是俗称的拓扑聚合。比如我要在浙江省内展示1万个点,但是呢浏览器肯定不支持一次性展示这么多的点,我们解决这种大量数据的其中之一的思路就是拓扑聚合(当然其他还有很多办法我们以后有机会再说)。拓扑聚合就是将一个范围区域内的数据用一个点来表示,这个点上展示这个范围内的数据量,随着用户的选择和操作再逐步显示具体的数据(比如用户放大地图。用户选择了某一个子行政区之后)展示对应的行政区之下的数据。
聚合的具体实现思路有很多种,甚至很多图标框架都有成型的聚合图。我们本篇文章采用的是dom元素叠加到地图上,自定义聚合点的样式。这样能最大程度的把地图做的美观,如果你采用maobox自带的icon类型的点也可以实现只不过就没有那么自由了。
我