skyversation
/
cesium_example_hx


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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            padding: 0 0;
            margin: 0 0;
        }

        html,
        body,
        #viewerContainer {
            width: 100%;
            height: 100%;
        }
    </style>
    <link rel="stylesheet" href="../skyscenery_example/lib/Cesium/Widgets/widgets.css">
</head>

<body>
    <div id="viewerContainer"></div>
</body>

<script src="../skyscenery_example/lib/Cesium/Cesium.js"></script>

<script>
    var viewer;
    viewer = new Cesium.Viewer('viewerContainer', {
        animation: false, //是否创建动画小器件，左下角仪表
        baseLayerPicker: false, //是否显示图层选择器
        imageryProvider: new Cesium.SingleTileImageryProvider({
            url: (function createColorCanvas(color) {
                var width = 1,
                    height = 1;
                var canvas = document.createElement("canvas");
                canvas.width = width;
                canvas.height = height;
                var ctx = canvas.getContext("2d");
                ctx.fillStyle = color;
                ctx.fillRect(0, 0, width, height);
                return canvas.toDataURL();
            })("#ffffff00"),
            rectangle: Cesium.Rectangle.fromDegrees(-180.0, -90.0, 180.0, 90.0),
        }),
        fullscreenButton: false, //是否显示全屏按钮
        geocoder: false, //是否显示geocoder小器件，右上角查询按钮
        homeButton: false, //是否显示Home按钮
        infoBox: false, //是否显示信息框 
        sceneModePicker: false, //是否显示3D/2D选择器
        selectionIndicator: false, //是否显示选取指示器组件
        timeline: false, //是否显示时间轴
        navigationHelpButton: false, //是否显示右上角的帮助按钮
        scene3DOnly: true, //如果设置为true，则所有几何图形以3D模式绘制以节约GPU资源
        infoBox: false, //是否显示点击要素之后显示的信息
        shouldAnimate: false, //是否自动播放
    });

    viewer.camera.setView({
        destination: Cesium.Cartesian3.fromDegrees(120.64133836433216, 31.13267754258426, 2989.3845125147695), // 设置位置
        orientation: {
            heading: Cesium.Math.toRadians(0.0), // 方向
            pitch: Cesium.Math.toRadians(-90.0), // 倾斜角度
            roll: 0
        }
    });

    var arcgisImageryProvider = new Cesium.ArcGisMapServerImageryProvider({
        url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer"
    });
    viewer.scene.imageryLayers.addImageryProvider(arcgisImageryProvider);
    
    var terrainProvider = new Cesium.ArcGISTiledElevationTerrainProvider({
        url: "https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer"
    });
    viewer.terrainProvider = terrainProvider;
    
</script>

</html>