cesium 点击label改变颜色
时间: 2025-08-29 15:51:04 AIGC 浏览: 253
虽然给定引用未直接提及在Cesium中点击label改变其颜色的方法,但可基于Cesium的常规开发思路分析实现方式。
在Cesium中,要实现点击label改变颜色,可借助事件监听器来捕获点击事件,之后修改对应label的颜色属性。以下是示例代码:
```javascript
// 创建Cesium Viewer
var viewer = new Cesium.Viewer('cesiumContainer');
// 创建一个label实体
var labelEntity = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
label: {
text: 'Click me to change color',
font: '14pt monospace',
fillColor: Cesium.Color.WHITE,
style: Cesium.LabelStyle.FILL_AND_OUTLINE,
outlineWidth: 2,
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
pixelOffset: new Cesium.Cartesian2(0, -9)
}
});
// 添加点击事件监听器
var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
handler.setInputAction(function (movement) {
var pickedObject = viewer.scene.pick(movement.position);
if (Cesium.defined(pickedObject) && pickedObject.id === labelEntity) {
// 改变label的颜色
labelEntity.label.fillColor.setValue(Cesium.Color.RED);
}
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
```
上述代码首先创建了一个Cesium Viewer,接着添加了一个label实体。然后,使用`Cesium.ScreenSpaceEventHandler`来监听左键点击事件。当点击label时,通过`viewer.scene.pick`方法获取被点击的对象,若该对象是之前创建的label实体,就将其颜色修改为红色。
阅读全文
相关推荐



















