html>

創建實體

@import?url(../Build/Cesium/Widgets/widgets.css);

html,?body,?#cesiumContainer?{

width:?100%;?height:?100%;?margin:?0;?padding:?0;?overflow:?hidden;

}

.cesium-viewer?.cesium-widget-credits{?display:none?}

var?myurl?=?"http://mt1.google.cn/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}&s=Gali";

var?mapprovider?=?new?Cesium.UrlTemplateImageryProvider({url:myurl});

var?myviewer?=?new?Cesium.Viewer("cesiumContainer",{

baseLayerPicker:false,

imageryProvider:?mapprovider,

navigationHelpButton:false,

infoBox:true,?//可顯示description

});

//1、box盒子，dimensions為尺寸(長寬高)，outline為邊界(默認false不顯示)

var?redBox?=?myviewer.entities.add({

show:false,

id:"0204",

name:"盒子",

description:"一個長條盒子......................",

position:Cesium.Cartesian3.fromDegrees(113,31,10000),

//orientation:Cesium.Cartesian3.fromDegrees(113,31),

box:{

dimensions:?new?Cesium.Cartesian3(400,300,100000),

material:Cesium.Color.RED,

outline:true,

outlineColor:Cesium.Color.BLUE,

//shadows:true

}

});

//2、旋轉的圓形或者橢圓

var?xza?=?new?Cesium.EllipseGraphics({

semiMinorAxis:100000,

semiMajorAxis:300000,

height:100000,

extrudedHeight:10000,//拉升，拔高，單位米

rotation:Cesium.Math.toRadians(30),//一種數字屬性，指定從北逆時針方向橢圓的旋轉。

material:Cesium.Color.BLUE.withAlpha(0.5),

outline:true

})

var?greencircle?=?myviewer.entities.add({

show:false,

name:"一個圓",

position:Cesium.Cartesian3.fromDegrees(113,31,10000),

ellipse:xza

})

//3、走廊形狀

var?redCorr?=myviewer.entities.add({

name:"走廊形狀",

corridor:{

positions:Cesium.Cartesian3.fromDegreesArray([113,31,114,36,115,33]),

width:1000,

extrudedHeight:1000,//實體的拉升高度

height:0,//實體的海拔高度

material:Cesium.Color.RED.withAlpha(0.5),

outline:true,

outlineColor:Cesium.Color.BLACK

//granularity:Cesium.Math.RADIANS_PER_DEGREE(30)

}

});

//4、polygon

var?myPolygon1?=?new?Cesium.PolygonGraphics({

extrudedHeight:10000,

//height:1000,

closeTop:false,

closeButton:false,

//fromDegreesArrayHeights(113,31,高程)，則直接顯示高程

hierarchy?:?Cesium.Cartesian3.fromDegreesArray([113,?31.0,

113.0,?32.0,

114.0,?33.0]),

material?:?Cesium.Color.RED

});

var?polygonshow?=?myviewer.entities.add({

name:"polygon01",

polygon:myPolygon1

})

總結

以上是生活随笔為你收集整理的cesium 隐藏entity_cesium entity创建各类实体的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。