cesium geojson数据鼠标悬停高亮效果

最新推荐文章于 2025-07-16 16:50:50 发布

原创

最新推荐文章于 2025-07-16 16:50:50 发布 · 2.5k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#cesium #geojson

本文介绍了如何使用Cesium.js库在地图视图中为鼠标悬停的地理实体添加实时高亮效果，通过回调函数和ColorMaterialProperty实现定制颜色变化。同时展示了从GeoJson文件加载数据并配置屏幕空间事件处理器的过程。

代码

var viewer = new Cesium.Viewer('cesiumContainer');
        var highlightedEntity;
        var highlightColor = Cesium.Color.GREEN.withAlpha(0.6);
        var normalColor = Cesium.Color.YELLOW.withAlpha(0.6);

        //一种属性，如果实体当前被鼠标悬停，则返回高亮显示颜色，否则返回默认颜色.
        function createCallback(entity) {
   
   
            var colorProperty = new Cesium.CallbackProperty