timelapse

Running

timelapse / data /html /sfo_buildings.html

Add timelapse app

9ad0e2d about 3 years ago

1.32 kB

	<!DOCTYPE html>
	<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>