cesium自学经验

由于工作需要,在对比threejs和cesiumjs后,决定使用cesiumjs更合适,现开一篇cesium的学习历程,记录一下.

概述

Cesium是一个基于JavaScript的开源框架,可用于在浏览器中绘制3D的地球,并在其上绘制地图(支持多种格式的瓦片服务),该框架不需要任何插件支持,但是浏览器必须支持WebGL,当然最合适的当属Google chrome了,其次Firefox,至于Safari和其他的一些浏览器没有测试,没资格说.

使用

首先下载cesium

我是目录
主要包括开发用的包,文档,和各种小应用示例.

使用cesium,必须搭建一个本地服务器,官方使用的是node.js,点我node.js入门教程,当然我用的是IIS,只要host我们的文件即可.

Hello World

身为一个初学者,一切都从Hello World开始.

  1. 第一步就是引入Cesium.js,他里面定义的Cesium对象有我们想要的一切

  2. 第二步,为了使用Cesium widget,我们需要引入CesiumWidget.css

    @import url(Cesium/Widgets/CesiumWidget/CesiumWidget.css);

  3. 第三步,在body中,创建一个div来给我们的Cesium widget使用

  4. 第四步,创建一个widget的实例,收工。

    var cesiumWidget = new Cesium.CesiumWidget(‘cesiumContainer’);

当然多功能的View:

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

其中可以添加各种配置项,具体详见这里

如若简单的测试小例子,官方自带在线版左边编辑,右边展示,很强大.
helloworld

结束语

到此为止只是简单地入门应用,若要开发自己的应用,还要自己鼓捣Documentation,若果有时间,在开几篇进阶版,好了,闲暇时间打打字也挺好,敲代码去了

知乎淘来的二次元壁纸一张,哈哈
二次元

Chaos Soong wechat
你敢扫试试? 试试就试试!