cesium教程6-设置面板

最新推荐文章于 2023-04-05 13:45:20 发布

前端小孟

最新推荐文章于 2023-04-05 13:45:20 发布

阅读量1.4k

点赞数

分类专栏： Cesium 文章标签： cesium 设置面板 cesium效果点云大小光照设置

本文链接：https://blog.csdn.net/qq_27118895/article/details/121473976

版权

Cesium 专栏收录该内容

7 篇文章 17 订阅

订阅专栏

在这里插入图片描述

这次我们总结了一些cesium项目当中用到的参数设置比如设置点云点大小,设置点云内存限制,动态设置光照衰减,动态设置衰减比例等等,这些都是利用官方api实现,所以不多说,直接给代码

代码说明

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>设置面板</title>
    <link rel="stylesheet" href="../Cesium/Widgets/widgets.css">
    <script src="../Cesium/Cesium.js"></script>
    <script src="./config.js"></script>//这里是初始化参数哈 不要忘了引用
    <script src="./setTool.js"></script> //这里是参数设置的方法代码
    <style>
        html,
        body,
        #cesiumContainer {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <div id="cesiumContainer"></div>
    <script>
        Cesium.Ion.defaultAccessToken = "你的token"
        

        let viewer = new Cesium.Viewer("cesiumContainer", {
            terrainProvider: Cesium.createWorldTerrain()
        });


        let Style = new setTool(viewer)

        //Style.setPointSize(2)//动态修改点云点大小 [1-16]
        //Style.setMaximumMemoryUsage(512)//动态设置点云内存限制[128-1024]
        //Style.setMaximumScreenSpaceError(8)//动态设置点云最大分辨率[0-64]
        //Style.setPointCloudVisibleHeight(9600)//动态修改点云可视高度[4000-20000]
        //Style.setAttenuation(true)//动态设置光照衰减
        //Style.setGeometricErrorScale(0.4)//动态设置衰减比例[0-2]
        //Style.setMaximumAttenuation(4)//动态设置最大衰减指数[0-32]
        //Style.setEyeDomeLighting(true)//动态设置EDL
        //Style.setEyeDomeLightingStrength(0.4)//动态设置EDL的光照强度[0-10]
        //Style.setEyeDomeLightingRadius(1.4)//动态设置EDL的光照半径[0-10]
        //Style.setDepthTestAgainstTerrain(false)//动态开启关闭深度检测
        //Style.setEnableLighting(false)//动态开启关闭光照
        //Style.setPreloadFlightDestinations(true)//预加载3Dtiles

    </script>
</body>

</html>