Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <!-- Include the CesiumJS JavaScript and CSS files --> | |
| <script src="https://cesium.com/downloads/cesiumjs/releases/1.88/Build/Cesium/Cesium.js"></script> | |
| <link href="https://cesium.com/downloads/cesiumjs/releases/1.88/Build/Cesium/Widgets/widgets.css" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <div id="cesiumContainer"></div> | |
| <script> | |
| // Your access token can be found at: https://cesium.com/ion/tokens. | |
| // Replace `your_access_token` with your Cesium ion access token. | |
| Cesium.Ion.defaultAccessToken = 'your_access_token'; | |
| // Initialize the Cesium Viewer in the HTML element with the `cesiumContainer` ID. | |
| const viewer = new Cesium.Viewer('cesiumContainer', { | |
| terrainProvider: Cesium.createWorldTerrain() | |
| }); | |
| // Add Cesium OSM Buildings, a global 3D buildings layer. | |
| const buildingTileset = viewer.scene.primitives.add(Cesium.createOsmBuildings()); | |
| // Fly the camera to San Francisco at the given longitude, latitude, and height. | |
| viewer.camera.flyTo({ | |
| destination : Cesium.Cartesian3.fromDegrees(-122.4175, 37.655, 400), | |
| orientation : { | |
| heading : Cesium.Math.toRadians(0.0), | |
| pitch : Cesium.Math.toRadians(-15.0), | |
| } | |
| }); | |
| </script> | |
| </div> | |
| </body> | |
| </html> | |