cesium 点击模型高亮

AllBlue

已于 2024-04-26 10:43:13 修改

阅读量846

点赞数 3

分类专栏： cesium GIS 文章标签： cesium

于 2024-04-02 14:24:35 首次发布

本文链接：https://blog.youkuaiyun.com/AllBluefm/article/details/137268766

版权

cesium 同时被 2 个专栏收录

64 篇文章

订阅专栏

GIS

60 篇文章

订阅专栏

文章介绍了如何使用Cesium库中的ScreenSpaceEventHandler在模型数据支持下，修改左键点击事件的颜色，对单体化瓦片进行高亮。同时提到了取消高亮的方法和注意事项，包括依赖于数据的多边形覆盖方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

描述：点击模型，高亮点击到的对象

一、在模型数据支持的情况下修改点击获取到的瓦片的颜色，高亮这个瓦片

var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
handler.setInputAction(function (e) {
    var pick = viewer.scene.pick(e.position);
    if (pick instanceof Cesium.Cesium3DTileFeature) {
        pick.content._model.color = new Cesium.Color.fromCssColorString('#f00')
    }
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

前提：点击的这个瓦片在数据生产的时候就已经做了单体化，否则会将点击到的整个瓦片都高亮，此方法效果是最好的，但是需要数据支持。

注意：还有其他实现方法，比如绘制一个透明的多边形覆盖到模型上，点击的时候改变多边形的颜色

二、取消高亮

pick.content._model.color = Cesium.Color();