NextDrought/nextdrought
1
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="utf-8">5 <!-- Include the CesiumJS JavaScript and CSS files -->6 <script src="https://cesium.com/downloads/cesiumjs/releases/1.88/Build/Cesium/Cesium.js"></script>7 <link href="https://cesium.com/downloads/cesiumjs/releases/1.88/Build/Cesium/Widgets/widgets.css" rel="stylesheet">8</head>9<body>10 <div id="cesiumContainer"></div>11 <script>12 // Your access token can be found at: https://cesium.com/ion/tokens.13 // Replace `your_access_token` with your Cesium ion access token.14 15 Cesium.Ion.defaultAccessToken = 'your_access_token';16 17 // Initialize the Cesium Viewer in the HTML element with the `cesiumContainer` ID.18 const viewer = new Cesium.Viewer('cesiumContainer', {19 terrainProvider: Cesium.createWorldTerrain()20 }); 21 // Add Cesium OSM Buildings, a global 3D buildings layer.22 const buildingTileset = viewer.scene.primitives.add(Cesium.createOsmBuildings()); 23 // Fly the camera to San Francisco at the given longitude, latitude, and height.24 viewer.camera.flyTo({25 destination : Cesium.Cartesian3.fromDegrees(-122.4175, 37.655, 400),26 orientation : {27 heading : Cesium.Math.toRadians(0.0),28 pitch : Cesium.Math.toRadians(-15.0),29 }30 });31 </script>32 </div>33</body>34</html>35