zoukankan      html  css  js  c++  java
  • 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 {
                     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>

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

  • 相关阅读:
    前端错误知识提示积累
    插件介绍之一:常用插件
    css小技巧积累
    设置网页地址栏小图标
    SEO优化篇——meta用法
    获取客户端的cookie
    come on,make a date progress bar together!
    教教你不用table制作出表格
    js实现快捷键绑定按钮点击事件
    Sublime Text3常用快捷键
  • 原文地址:https://www.cnblogs.com/s313139232/p/15254433.html
Copyright © 2011-2022 走看看