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页面一样。

这仅仅是个开始
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,466评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,973评论 19 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,767评论 18 399
  • 我记得不太清楚自己有多久没有拿起笔,很长一段时间我都没有写东西了。我一直有写作的习惯,我喜欢文字,很多时候我喜欢用...
    我不蛇蝎怎么毁你所爱阅读 208评论 0 0
  • 2016/08/31维护中,以下只是大纲和口语化记录,稍后整理详细步骤和不会卡的gif 总览 光圈机械结构 光圈是...
    杜传阅读 2,079评论 0 1