cesium 学习笔记(1)2018.5.25

Cesium是一个基于JavaScript的开源框架,可用于在浏览器中绘制3D的地球,并在其上绘制地图(支持多种格式的瓦片服务),该框架不需要任何插件支持,但是浏览器必须支持WebGL。

1、使用的时候得引入一个特殊的css,否则样式出不来
<link rel="stylesheet" type="text/css" href="Cesium-1.7.1/Build/CesiumUnminified/Widgets/widgets.css"></link>
2、要有个容器,起一个id
<div id="cesiumContainer"></div>  
3、使用开头 n个变量需要选择true和false,参考:

(1)点击打开链接

(2)点击打开链接(带图例)

4、有阳光阴影效果
viewer.scene.globe.enableLighting = true;  
5、加快时钟运行 (没有执行成功 不知原因)
viewer.clock.multiplier = 0.1 * 60 * 60;  

后来把动画设置为true后 可以运行了  但这段代码不知道有啥影响 想运行快拉动加快指针就行啊。。

6、动画飞行到指定位置
viewer.scene.camera.flyTo( {  
        destination : Cesium.Cartesian3.fromDegrees( 116, 15, 6000000 ),  //经纬高
        orientation : {  //角度 不设置的话为正上方
            heading : Cesium.Math.toRadians( -15 ),  
            pitch : Cesium.Math.toRadians( -65 ),  
            roll : Cesium.Math.toRadians( 0 )  
        },  
        duration : 3,//动画持续时间  
        complete : function()//飞行完毕后执行的动作  
        {  
            //addEntities();  //有错误的话地球不会被拉动
        }  
    } );  
7、设置初始视角
 viewer.camera.setView({
                destination: Cesium.Cartesian3.fromDegrees(109.36468, 32.83555, 10000000.0)
            });

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值