接上文# 告别冗余代码！Cesium点位图标模糊、重叠？自适应参数调优技巧，一次封装终身复用！，在地图上创建图标是基础操作，但是当地图上的图标过多的时候展示效果其实并不好。其实，

毕竟谁也不想看到密密麻麻的图标。所以部分距离相近的图标应该聚合在一起，形成一个聚合图标展示来。

在Cesium开发中，图标聚合能够解决海量图标重叠、界面杂乱、性能卡顿等问题。

几十个甚至上百个摄像头/设备 图 标 挤 在 一 块。不仅 看 不 清，还 会 严 重 影 响 地 图 流 畏 度。)

方法

只 显 示 聚 合 图 标。

实现代码——计算与判定：

/* * 计算两点在屏幕上的像素距离 */
const calculateScreenDistance ==>{
ifreturn Infinity;话说回来，try{
/ 世界坐 标 → 屏 幕 坐 标/
var screenPos1=Cesium.SceneTransforms.worldToWindowCoordinates;var screenPos2=Cesium.SceneTransforms.worldToWindowCoordinates;
/ 勾 股 定 理 算 像 像 像 像 像 像 働/
var dx=screenPos1.x-screenPos2.x;var dy=screenPos1.y-screenPos0y;var distance=Math.sqrt;不过，}
catch{return Infinity}
};/* * 检 查 点 是否 在 屏 幕 上 可 可*/
const isPositionOnScreen==>{
try{
var s=Cesim.Sce.Transforms.wor..t..windowCoords;r.s==null，false:true;}catch{return false;}
}，

实现代码——建立与更新：

/* 构 建 集 群 符号 /function createClusterIcon{
/ 获取 场 景 实例 /var scene=view.getScene;/ 构 建 对 象 数据 */var entity={
billboard:{image:'path/to/icon.png'。scale:.5,width:.5,height:.5}
};}

/* 更新 场 景 符号 状 态 /function updateClustering{ / 基 本 判 切 条 件 */ifreturn;}

说到更新机制，

text

最终 ：

`