文章目录
- 1.实现效果
- 2.实现方法
- 2.1存在问题
- 2.2实现代码
Cesium实战系列文章总目录
:
传送门
1.实现效果
2.实现方法
2.1存在问题
在三维场景中,如果和二维场景一样,将面状要素简单可视化,则在三维场景中视觉效果不好,因此将其拉伸至一定高度,呈现立体效果。
2.2实现代码
参考Cesium文档和官方示例文档,主要是设置entity中polygon的extrudeHeight属性值即可。
// 加载公园面状文件并拉伸一定高度
Cesium.GeoJsonDataSource.load('./data/park/parks.geojson').then(function(dataSource) {this.viewer.dataSources.add(dataSource);let entities = dataSource.entities.values;for (let i = 0; i < entities.length; i++) {let entity = entities[i];entity.polygon.material = new Cesium.Color(204 / 255, 247 / 255, 217 / 255, 0.6);entity.polygon.outline = false;// 将高度拉伸至35米entity.polygon.extrudedHeight = 35;}
});