Cesium.js入门（1）——引入Cesium.js

最新推荐文章于 2024-07-25 23:19:43 发布

不死鸟.亚历山大.狼崽子

最新推荐文章于 2024-07-25 23:19:43 发布

阅读量6.5k

点赞数 3

分类专栏： Cesium.js

本文链接：https://blog.csdn.net/u013938578/article/details/89296568

版权

Cesium.js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

通过以下四个步骤将Cesium加入到html中：

1.引入Cesium.js，该javascript定义了Cesium object

<script type="text/javascript" src="../Build/Cesium/Cesium.js"></script>

2.导入Cesium Viewer widget的样式

@import url(../Build/Cesium/Widgets/widgets.css);

3.cesium view存在于该div中

<div id="cesiumContainer"></div>

4.最终创建cesium viewer

var viewer = new Cesium.Viewer('cesiumContainer');

完整代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

		<style type="text/css">
			@import url(lib/Cesium1.4.7/Widgets/widgets.css);
		</style>
	</head>
	<body>
		<div id="cesiumContainer"></div>
		<script src="lib/jquery-2.1.4.min.js"></script>
		<script src="lib/Cesium1.4.7/Cesium.js"></script>
	</body>
</html>