cesium之测试项目

cesium之测试项目

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script src="https://cesiumjs.org/releases/1.53/Build/Cesium/Cesium.js"></script>
        <link href="https://cesiumjs.org/releases/1.53/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
        <style>
            body{
                margin:0px;         
            }
            #cesiumContainer {
                width: 100%;
                height: 100%;
            }
        </style>
    </head>
    <body>
        <div id="cesiumContainer"></div>
        <script>
            Cesium.Ion.defaultAccessToken =
                'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJlMTk4ZTYyNy00MjkxLTRmZWYtOTg1MS0wOThjM2YzMzIzYzEiLCJpZCI6NzEyMSwic2NvcGVzIjpbImFzciIsImdjIl0sImlhdCI6MTU0ODMxNzI5OX0.rKV8Ldl_bgR3lVvNsbHhTX62j8JH8ADCIWAwk7tXpr8';
            // var viewer = new Cesium.Viewer('cesiumContainer');
                
            
            
            var viewer = new Cesium.Viewer("cesiumContainer", {
                geocoder: false,
                homeButton: false,
                sceneModePicker: false,
                baseLayerPicker: false,
                navigationHelpButton: false,
                animation: false,
                timeline: false,
                fullscreenButton: false,
                vrButton: false,
                shadows: true, //影子
                infoBox: false
            });
            viewer.scene.debugShowFramesPerSecond = true; //显示帧率

        viewer.camera.flyTo({               destination : Cesium.Cartesian3.fromDegrees(120.0, 36.0, 10000),               orientation : {                   heading : Cesium.Math.toRadians(0.0),                   pitch : Cesium.Math.toRadians(-25.0),                   roll : 0.0                 }             });
        </script>
    </body>
</html>

 

 

钻研不易,转载请注明出处。。。。。。

 

上一篇:4、cesium位置初始化


下一篇:【读书笔记】计算机图形学基础(虎书)第11章 - 纹理映射(Texture Mapping)