Cesium笔记记录，html5移动web开发指南
Cesium是一个用于显示3D地球和地图的开源库。以下是一个使用Cesium创建简单地图的HTML代码示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cesium 地图示例</title>
<script src="https://cesium.com/downloads/cesiumjs/releases/1.84/Build/Cesium/Cesium.js"></script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.84/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<style>
html, body, #cesiumContainer {
width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
// 初始化Cesium Viewer
const viewer = new Cesium.Viewer('cesiumContainer', {
terrainProvider: Cesium.createWorldTerrain(), // 使用世界地形
});
// 将视图中心定位到北京天安门
viewer.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(116.4073968, 39.9041999, 2000.0),
orientation: {
heading: Cesium.Math.toRadians(0.0),
pitch: Cesium.Math.toRadians(-1.5),
roll: Cesium.Math.toRadians(0.0)
}
});
</script>
</body>
</html>这段代码创建了一个简单的HTML页面，其中包含了Cesium库，并初始化了Cesium Viewer。视图被定位到北京天安门，并展示了当地的3D地图。
评论已关闭