C2——多种entity控制部分显示隐藏的方法

需求：现在地图上又很多实体，分别代表项目、摄像头、道路……要求点击某一按钮后只显示一类或积累图标，其他的pass掉。

思路：

第一种思路：我之前讲过的用parent来实现，这种效率高但vue里面不同组件之间传一堆parent挺麻烦的，除非一开始设计好设计一个parent的数组。

第二种思路：给entity的name字段定义为对应的类别。点击按钮后遍历所有entity，根据那么来判断是否移除。这种方法灵活但是不适用于数据量大的情况。

第三种思路：点击按钮后移除所有entity重新加载需要显示的entity。同样只适用于entity不多的时候。

第四种思路：用Cesium.EntityCollection来实现。【推荐】

第一种思路在之前已经讲过了。今天将第二种思路的实现：

代码如下：

let allEentitys = viewer.entities.values;
for (let entity of allEentitys) {
    if (entity.name == "road" || entity.name == "camera") {
        viewer.entities.remove(entity)
        // let one = viewer.entities.getById(entity.id);
        // viewer.entities.remove(one);
    }
}

但是你会发现上面的代码有些实体并没移除，我想可能的是viewer.entities.values移除之后索引向前移导致没被移除。

let allEentitys = viewer.entities.values;
let allEntitysId = [];
for( let entity of allEentitys){
  if(entity.name){
    allEntitysId.push( entity.id )
  }
}
for(let id of allEntitysId){
  let one = viewer.entities.getById(id);
  if (one.name== "road" || one.name == "camera"){
    viewer.entities.remove(one );
  }
}

上面虽然复杂了一些但是能达到效果了。