cesium三维GIS开发实践（一）

一、基本情况

系统：win10
地图服务器：geoserver
jdk：1.7
cesium：1.30
IDE：webstorm2016.2

备注：默认读者了解geoserver,tomcat,java,javascript以及基本的html知识

二、HelloWorld

从官网下载cesium1.30的release包。

1、发布cesium包

将下载的cesium包放到tomcat的webapps目录下，启动tomcat，进行发布。

tomcat发布cesium

2、访问tomcat端口，我设置的是9090，地址是localhost:9090/cesium

这里可以看到很多样例使用，以及文档，沙箱开发等。

访问tomcat发布的cesium

3、开发，选择在webstorm里开发，方便调试。

webstorm打开下载的cesium1.30包，新建MyApps文件夹用作自己开发的目录。在里边新建HelloWorld.html文件，添加Cesium.js和css文件：

    <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>

添加javascript代码，初始化cesiumviewer

    <div id="cesiumContainer"></div>
    <script>
        var viewer = new Cesium.Viewer('cesiumContainer');
    </script>

将页面在浏览器中打开，即可访问刚刚的Helloworld页面。同官方自带的HelloWorld页面一样。

这仅仅是个开始