cesium-点线面

最新推荐文章于 2025-09-05 15:01:09 发布

原创

最新推荐文章于 2025-09-05 15:01:09 发布 · 750 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #js

本文深入探讨了Cesium JavaScript库在前端开发中的应用，详细解析如何使用Cesium创建3D地形、绘制点、线和面，实现地理空间数据的高效可视化。通过对Cesium API的讲解，读者将掌握构建交互式地球场景的关键技巧。

    let viewer = new Cesium.Viewer('cesiumContainer');
    //平面
    let plane = viewer.entities.add({
        name: '带边框的平面',
        position: Cesium.Cartesian3.fromDegrees(-107.0, 40.0, 300000.0),//经纬度转世界坐标
        plane: {
            show: true,//是否显示
            plane: new Cesium.Plane(Cesium.Cartesian3.UNIT_Z, 0.0), //朝向屏幕
            dimensions: new Cesium.Cartesian2(400000.0, 300000.0), //二维平面
            material: Cesium.Color.BLUE,//材质
            fill: true,//填充
            outline: true,//显示边框
            outlineColor: Cesium.Color.YELLOW,//边框颜色
        }
    });
    //点
    let point = viewer.entities.add({
        name: '点',
        position: Cesium.Cartesian3.fromDegrees(-75.0, 30.0),//经纬度转世界坐标
        point: {
            show: true,
            color: Cesium.Color.GREEN,
            pixelSize: 20,
            outlineColor: Cesium.Color.YELLOW,
            outlineWidth: 3,
        }
    });
    //线
    let line = viewer.entities.add({
        name: '线',