var viewer = new Cesium.Viewer('cesiumContainer'); var scene = viewer.scene; var globe = scene.globe; globe.depthTestAgainstTerrain = true; var cesiumTerrainProviderHeightmaps = new Cesium.CesiumTerrainProvider({ url : '//assets.agi.com/stk-terrain/world', requestWaterMask: true, requestVertexNormals: true }); viewer.terrainProvider = cesiumTerrainProviderHeightmaps; for(var iLp=0; iLp<3000; iLp++ ) { scene.primitives.add(new Cesium.Primitive({ geometryInstances : new Cesium.GeometryInstance({ geometry : Cesium.BoxGeometry.fromDimensions({ vertexFormat : Cesium.PerInstanceColorAppearance.VERTEX_FORMAT, dimensions : new Cesium.Cartesian3(40000.0, 30000.0, 50000.0) }), modelMatrix : Cesium.Matrix4.multiplyByTranslation( Cesium.Transforms.eastNorthUpToFixedFrame(Cesium.Cartesian3.fromDegrees(-111.0+iLp, (iLp/100))), new Cesium.Cartesian3(0.0, 0.0, 250000), new Cesium.Matrix4()), attributes : { color : Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.RED.withAlpha(0.5)) } }), appearance : new Cesium.PerInstanceColorAppearance({ closed: true }) })); }
Cesiumjs – Draw line around the globe ?
Leave a reply