cesium点击选中模型

### Cesium 中点击选中 3D 模型的实现 在 Cesium 中，要实现点击选中 3D 模型并对其进行操作（如高亮显示），可以利用 `Cesium.ScreenSpaceEventHandler` 来监听鼠标事件，并通过 `viewer.scene.pick` 方法获取到所点击的对象。如果点击的是 3D Tiles，则返回的结果将是 `Cesium3DTileFeature` 对象[^4]。 下面是一个简单的例子来展示如何实现这一功能： ```javascript // 初始化 viewer var viewer = new Cesium.Viewer('cesiumContainer'); // 创建 ScreenSpaceEventHandler 处理器实例 var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas); handler.setInputAction(function(click) { var pickedObject = viewer.scene.pick(click.position); if (Cesium.defined(pickedObject)) { // 如果有物体被选中 if (pickedObject instanceof Cesium.Model) { console.log("Selected a Model"); // 高亮模型本身的操作... } else if (pickedObject.primitive && pickedObject.primitive instanceof Cesium.Cesium3DTileset) { let feature = pickedObject.feature; if (!feature._originalColor) { feature._originalColor = feature.color.clone(); // 记录原始颜色 // 更改颜色以突出显示 feature.color = Cesium.Color.YELLOW.withAlpha(0.7); // 更新样式应用更改 feature.tile.style = new Cesium.Cesium3DTileStyle({ color : '${color}' }); } } console.log(pickedObject); } }, Cesium.ScreenSpaceEventType.LEFT_CLICK); ``` 此代码片段展示了当用户左键单击场景内的某个位置时，程序会尝试挑选出位于该处的第一个图形对象。对于不同的类型的几何体有不同的处理方式；特别是针对 3D Tiles 的情况做了特别说明，即保存其原有色彩以便后续恢复，并设置新的半透明黄色作为临时高亮效果的颜色。