Cesium的api之关于viewer(二)

1、构建一个viewer,如下创建;options的参数根据实际情况,进行设定

 1 var viewer = new Cesium.Viewer('cesiumContainer', {
 2      //Start in Columbus Viewer
 3      sceneMode : Cesium.SceneMode.COLUMBUS_VIEW,  // 设定3维地图的默认场景模式
 4      //Use standard Cesium terrain
 5      terrainProvider : new Cesium.CesiumTerrainProvider({    // 构建地形服务
 6           url : '//cesiumjs.org/smallterrain',
 7           credit : 'Terrain data courtesy Analytical Graphics, Inc.'
 8      }),
 9      *     //Hide the base layer picker
10      *     baseLayerPicker : false,     // 设定基本图层提供不显示
11      *     //Use OpenStreetMaps
12      *     imageryProvider : new Cesium.OpenStreetMapImageryProvider({  // 调用openstreetmap瓦片服务
13      *         url : '//a.tile.openstreetmap.org/'
14      *     }),
15      *     // Use high-res stars downloaded from https://github.com/AnalyticalGraphicsInc/cesium-assets
16      *     skyBox : new Cesium.SkyBox({   // 设定近焦点和远焦点的x、y、z
17      *         sources : {
18      *           positiveX : 'stars/TychoSkymapII.t3_08192x04096_80_px.jpg',
19      *           negativeX : 'stars/TychoSkymapII.t3_08192x04096_80_mx.jpg',
20      *           positiveY : 'stars/TychoSkymapII.t3_08192x04096_80_py.jpg',
21      *           negativeY : 'stars/TychoSkymapII.t3_08192x04096_80_my.jpg',
22      *           positiveZ : 'stars/TychoSkymapII.t3_08192x04096_80_pz.jpg',
23      *           negativeZ : 'stars/TychoSkymapII.t3_08192x04096_80_mz.jpg'
24      *         }
25      *     }),
26      *     // Show Columbus View map with Web Mercator projection
27      *     mapProjection : new Cesium.WebMercatorProjection()  // 设定投影坐标
28      * });

 

var viewer = new 

转载于:https://www.cnblogs.com/dalan/p/4150204.html

以下是使用Cesium API中的MilitaryPlotting扩展实现军事标绘的代码示例: ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); // 添加MilitaryPlotting扩展 viewer.extend(Cesium.MilitaryPlotting); // 创建一个标绘对象 var entity = viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), polyline: { positions: Cesium.Cartesian3.fromDegreesArrayHeights([ -75.59777, 40.03883, 0, -75.59777, 40.13883, 0, -75.69777, 40.13883, 0, -75.69777, 40.03883, 0, -75.59777, 40.03883, 0 ]), width: 5, material: new Cesium.PolylineDashMaterialProperty({ color: Cesium.Color.fromCssColorString('#FF0000').withAlpha(0.7) }) }, // 添加军事标绘图形 military: { symbolCode: 'GFGPGLB----K---', // 任务图形代码 fillMaterial: new Cesium.ColorMaterialProperty( Cesium.Color.fromCssColorString('#FF0000').withAlpha(0.3) ), outlineColor: new Cesium.ColorMaterialProperty( Cesium.Color.fromCssColorString('#FF0000').withAlpha(0.7) ), // 边界线颜色 size: 50, // 图形大小 rotation: Cesium.Math.toRadians(45) // 旋转角度 } }); // 调整相机视角 viewer.zoomTo(entity); ``` 在上述代码中,我们首先创建了一个Cesium Viewer对象,并添加了MilitaryPlotting扩展。然后,我们创建了一个实体对象,并在其中添加了一个Polyline对象作为参考线,以及一个MilitaryPlotting对象作为军事标绘图形。最后,我们调用zoomTo函数调整相机视角,以便能够完整地显示标绘图形。 需要注意的是,上述代码仅仅是演示了如何使用MilitaryPlotting扩展进行军事标绘,实际应用中需要根据具体需求进行调整和扩展。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值