cesium 1.52 demo _ Corridor.html
阿新 • • 發佈:2018-12-28
<!DOCTYPE html> <html lang="en"> <head> <!-- Use correct character set. --> <meta charset="utf-8"> <!-- Tell IE to use the latest, best version. --> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <!-- Make the app on mobile take up the full browser screen and disable user scaling. --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> <title>corridor</title> <!-- The Cesium library. --> <script src="../ThirdParty/Cesium/Cesium.js"></script> <!-- Style our app. --> <style> @import url(../ThirdParty/Cesium/Widgets/widgets.css); html, body, #cesiumContainer { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; } </style> </head> <body> <div id="cesiumContainer"></div> <script> Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIzNDhhYmQxOC1mYzMwLTRhYmEtOTI5Ny1iNGExNTQ3ZTZhODkiLCJpZCI6NTQ1NCwic2NvcGVzIjpbImFzciIsImdjIl0sImlhdCI6MTU0MzM3Mzc0NH0.RU6ynAZcwQvdfygt_N_j2rb2lpsuyyROzdaLQg0emAg'; let viewer = new Cesium.Viewer('cesiumContainer'); let redCorridor = viewer.entities.add({ name : 'Red corridor on surface with rounded corners', corridor : { positions : Cesium.Cartesian3.fromDegreesArray([ -100.0, 40.0, -105.0, 40.0, -105.0, 35.0 ]), // 走廊的中心線。 width : 200000.0, // 走廊的寬度。 material : Cesium.Color.RED.withAlpha(0.5) // 走廊的顏色及透明度。 } }); let greenCorridor = viewer.entities.add({ name : 'Green corridor at height with mitered corners and outline', corridor : { positions : Cesium.Cartesian3.fromDegreesArray([ -90.0, 40.0, -95.0, 40.0, -95.0, 35.0 ]), height: 100000.0, // 此處高度是指,走廊平面模型的高度,相對於橢球表面。 width : 200000.0, cornerType: Cesium.CornerType.MITERED, // 角型別,尖角,預設圓角。 material : Cesium.Color.GREEN, outline : true // height required for outlines to display } }); let blueCorridor = viewer.entities.add({ name : 'Blue extruded corridor with beveled corners and outline', corridor : { positions : Cesium.Cartesian3.fromDegreesArray([ -80.0, 40.0, -85.0, 40.0, -85.0, 35.0 ]), height : 200000.0, // 此處高度是指,走廊平面模型的高度,相對於橢球表面。 extrudedHeight : 100000.0, // 走廊的擠壓面相對於橢球面的高度。此處的擠壓面是指走廊實體的下面。 width : 200000.0, cornerType: Cesium.CornerType.BEVELED, // 角型別,斜角。 material : Cesium.Color.BLUE.withAlpha(0.5), outline : true, // height or extrudedHeight must be set for outlines to display outlineColor : Cesium.Color.WHITE } }); viewer.zoomTo(viewer.entities); </script> </body> </html>