Cesium入门（一）
入门
本教程将让所有技能级别的开发人员开始使用他们的第一个Cesium应用程序。
确保您的浏览器已经准备好了Cesium
验证Cesium在Web浏览器中工作的最简单方法是单击此处运行Hello World示例 （打开一个新窗口）。如果你看到类似下面的图像，恭喜你，你的系统可以运行Cesium，你可以安全地跳到下一节; 否则，请继续阅读。
铯是基于几种新的HTML5技术构建的，其中最重要的是WebGL。尽管这些新标准正在迅速得到广泛采用，但一些浏览器和系统需要更新以支持它们。如果示例应用程序不适合您，请尝试以下几项操作。
- 更新您的网络浏览器。大多数Cesium团队使用Google Chrome，但Firefox，Internet Explorer 11和Opera也可以使用。如果您已经使用上述浏览器之一，请确保它已更新至最新版本。
- 更新您的视频卡驱动程序以更好地支持3D。如果你知道你有什么类型的视频卡，你可以检查供应商网站的更新。三种最受欢迎的是：Nvidia，AMD和Intel。
- 如果您仍然遇到问题，请尝试访问http://get.webgl.org/，该网站提供了其他疑难解答建议。您也可以在Cesium论坛上寻求帮助。
选择一个编辑器或IDE
如果你已经是一位经验丰富的开发人员，你很可能拥有一个最喜欢的编辑器或开发环境; 例如，大多数Cesium团队使用Eclipse。如果您刚刚开始，一款出色的免费和开放源代码编辑器就是Notepad ++，您可以从他们的网站下载。最终任何文本编辑器都可以做到，所以请随你最熟悉的那个去做。
下载一个Cesium版本
假设您尚未这样做，请单击此按钮以获取最新的CesiumJS版本：
下载完成后，将zip文件解压缩到您选择的新目录中，我将在整个教程中将其作为Cesium root目录提及。内容应该如下所示。
双击可能很诱人index.html，但我们只会失望而至。为了使应用程序实际工作，它需要在Web服务器中运行。
建立一个Web服务器
为了运行Cesium应用程序，我们需要一个本地Web服务器来托管我们的文件。我们将为此教程和其他教程使用Node.js。如果您已经有了一个您想使用的Web服务器，那也没关系，只要确保托管我们在上一节中创建的根目录即可。铯没有服务器要求; 它完全是客户端。这意味着任何可以托管静态内容的Web服务器都可以托管Cesium。
使用Node.js设置Web服务器很简单，只需要3个步骤。
- 从他们的网站安装Node.js ，你可以使用默认的安装设置。
- 在Cesium根目录下打开命令shell并通过执行下载/安装所需的模块
npm install。这将在根目录中创建一个’node_modules’目录。 - 最后，通过
node server.js在根目录中执行来启动您的Web服务器。 - 你应该看到如下所示的内容
你好（再次）世界！
现在我们已经启动并运行了Web服务器，我们可以启动浏览器并导航到http：// localhost：8080 / Apps / HelloWorld.html。这与我们在本教程开始时用于测试WebGL的Hello World应用程序相同，但现在它在您自己的系统上运行，而不是在Cesium网站上运行。如果我们HelloWorld.html在编辑器中打开，我们会找到以下简单的应用程序。
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Use correct character set. -->
<meta charset="utf-8">
<!-- Tell IE to use the latest, best version. -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>Hello World!</title>
<script src="../Build/Cesium/Cesium.js"></script>
<style>
@import url(../Build/Cesium/Widgets/widgets.css);
html, body, #cesiumContainer {
width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
var viewer = new Cesium.Viewer('cesiumContainer');
</script>
</body>
</html>
这些是将铯添加到应用程序所需的四条线：
- 第一步是包含
Cesium.js在脚本标签中。这定义了Cesium包含我们需要的所有东西的对象。<script src="../Build/Cesium/Cesium.js"></script> - 为了使用Cesium Viewer小部件，我们需要包含它的CSS。
@import url(../Build/Cesium/Widgets/widgets.css); - 在HTML正文中，我们创建了一个供观众生活的div。
<div id="cesiumContainer"></div> - 最后，我们创建一个查看器实例。
var viewer = new Cesium.Viewer('cesiumContainer');
从这往哪儿走
恭喜，您已经开始使用Cesium并准备开始编写您自己的Cesium应用程序和网页。根据您的学习者类型，您可能有兴趣查看其他教程，其中介绍了主要的Cesium功能。如果你是一名修理工，那么Cesium Sandcastle就是一款实时编码应用程序，它不仅可以查看几十个示例，还可以查看和编辑它们的源代码，并在应用程序中使用最新的更改进行运行。最后，不管您如何学习，参考文档都包含有关API的详细信息，对每个人都是宝贵的资源。