cesium加载geojson面、面轮廓、线

最新推荐文章于 2025-06-02 09:36:17 发布

原创最新推荐文章于 2025-06-02 09:36:17 发布 · 1.8k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#cesium #前端 #js #javascript

js 同时被 2 个专栏收录

14 篇文章

订阅专栏

cesium

2 篇文章

订阅专栏

在Cesium1.104版本中，通过GeoJsonDataSource加载GeoJSON数据，分别对面和线进行处理。对于面，提取其边界并创建PolylineGraphics来显示轮廓，设置贴地、宽度和颜色。同样，对于线也调整了贴地、宽度和颜色属性。

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

cesium版本1.104

加载geojson面

加载面并增加面的轮廓

Cesium.GeoJsonDataSource.load("xxx.json").then(dataSource=> {
        let entities = dataSource.entities.values;
        for (let i = 0; i < entities.length; i++) {
            let entity = entities[i];
            let positions = entity.polygon.hierarchy._value.positions;
            // 设置面轮廓
            entity.polyline = new Cesium.PolylineGraphics({
                positions: positions,
                clampToGround: true,	// 贴地
                width: 10,
                material: Cesium.Color.fromCssColorString('#ff1111ff')
            });
            viewer.entities.add(entity)
        }
    });

加载线

Cesium.GeoJsonDataSource.load("xxx.json").then(dataSource=> {
        let entities = dataSource.entities.values;
        for (let i = 0; i < entities.length; i++) {
            let entity = entities[i];
             entity.polyline.clampToGround: true,	// 贴地
             entity.polyline.width: 10,
             // 设置线条颜色
             entity.polyline.material: Cesium.Color.fromCssColorString('#ff1111ff')
            viewer.entities.add(entity)
        }
    });