![](https://csdnimg.cn/release/download_crawler_static/86274481/bg1.jpg)
原创 2016年07月09日 10:59:59
标签:javascript (http://so.csdn.net/so/search/s.do?q=javascript&t=blog) /
Cesium (http://so.csdn.net/so/search/s.do?q=Cesium&t=blog) /
三维 (http://so.csdn.net/so/search/s.do?q=三维&t=blog) /
地图 (http://so.csdn.net/so/search/s.do?q=地图&t=blog) /
开源框架 (http://so.csdn.net/so/search/s.do?q=开源框架&t=blog)
14389
Cesium 概述 (一)
Cesium是一个基于JavaScript的开源框架,可用于在浏览器中绘制3D的地球,并在其上绘制地图(支持多种格式的瓦片
服务),该框架不需要任何插件支持,但是浏览器必须支持WebGL。
Cesium支持多种数据可视化方式,可以绘制各种几何图形、导入图片,甚至3D模型。同时,Cesium还支持基于时间轴的
动态数据展示,例如,我们可以用它绘制卫星运行轨迹。
Cesium HelloWorld
index.js
他的最新文章
更多文章
(http://blog.csdn.net/happyduoduo1)
开源GIS介绍(openlayer,leaflet,map
box,cesium) (http://blog.csdn.net/
happyduoduo1/article/details/7873
3111)
基于3dtiles做的视域分析 (http://blog.
csdn.net/happyduoduo1/article/det
ails/72921643)
cesium模拟水系效果 (http://blog.csd
n.net/happyduoduo1/article/detail
s/62049895)
博主在北京西站地铁上被偷了一块移动
硬盘 (http://blog.csdn.net/happydu
oduo1/article/details/61203194)
F4map (http://blog.csdn.net/happy
duoduo1/article/details/58112441)
cesium的学习 (http://blog.csdn.net/na
nqidada/article/details/41118575)
Cesium 概述 (二) 空间数据可视化 (htt
p://blog.csdn.net/happyduoduo1/arti
cle/details/51865811)
cesiumjs学习笔记之二——空间数据可视
化 (http://blog.csdn.net/Prepared/arti
cle/details/68940839)
Cesium中加载动态水 (http://blog.csdn.
net/XLSMN/article/details/78752669)
立即体
验
CSDN新首页上线啦,邀请你来立即体验! (http://blog.csdn.net/)
(//www.csdn.net?ref=toolbar)博客 (//blog.csdn.net/?ref=toolbar)
学院 (//edu.csdn.net?ref=toolbar)
下载 (//download.csdn.net?ref=toolbar)
GitChat (//gitbook.cn/?ref=csdn) 更多
(//write.blog.csdn.net/postedit?
ref=toolbar)
(//gitbook.cn/new/gitchat/activity?
utm_source=csdnblog1)
登录 (https://passport.csdn.net/account/login?ref=toolbar)
注册 (https://passport.csdn.net/account/mobileregister?ref=toolbar&action=mobileRegister)
[html]
1. <html lang="en">
2. <head>
3. <meta charset="utf-8">
4. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-
scale=1, user-scalable=no">
6. <title>Cesium Example</title>
7. <script src="Cesium-1.7.1/Build/CesiumUnminified/Cesium.js"></script>
8. <link rel="stylesheet" type="text/css" href="Cesium-1.7.1/Build/CesiumUnminified/Widgets/widgets.css">
</link>
9. <style>
10. html,body,#cesiumContainer {
11. width: 100%;
12. height: 100%;
13. margin: 0;
14. padding: 0;
15. overflow: hidden;
16. }
17. </style>
18. </head>
19. <body>
20. <div id="cesiumContainer"></div>
21. <script type="text/javascript" src="index.js"></script>
22. </body>
23. </html>
[javascript]
1. var viewer = new Cesium.Viewer( 'cesiumContainer', {
2. animation : false,//是否创建动画小器件,左下角仪表
3. baseLayerPicker : false,//是否显示图层选择器
4. fullscreenButton : false,//是否显示全屏按钮
(http://blog.csdn.net/happyduoduo
10
加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
登录 注册