cesium-点线面

最新推荐文章于 2025-05-28 06:39:31 发布

姜治宇

最新推荐文章于 2025-05-28 06:39:31 发布

阅读量714

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 js

本文链接：https://blog.youkuaiyun.com/github_38618068/article/details/122607515

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

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

    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: '线',