Cesium基础知识-创建Entity对象

1. viewer = new Cesium.Viewer('cesiumContainer');
2. //创建一个实体，方形的面片
3. function CreateEntity() {
4.   
5.   var wyoming = viewer.entities.add({
6.     name: 'Wyoming',
7.     polygon: {
8.       hierarchy: Cesium.Cartesian3.fromDegreesArray([
9.         -109.080842, 45.002073,
10.         -105.91517, 45.002073,
11.         -104.058488, 44.996596,
12.         -104.053011, 43.002989,
13.         -104.053011, 41.003906,
14.         -105.728954, 40.998429,
15.         -107.919731, 41.003906,
16.         -109.04798, 40.998429,
17.         -111.047063, 40.998429,
18.         -111.047063, 42.000709,
19.         -111.047063, 44.476286,
20.         -111.05254, 45.002073
21.       ]),
22.       height: 250000,
23.       material: Cesium.Color.RED.withAlpha(0.5),
24.       outline: true,
25.       outlineColor: Cesium.Color.BLACK
26.     }
27.    
28.   });
30.   viewer.zoomTo(wyoming);
31.   var polygon = wyoming.polygon;
32.   polygon.material = '../Apps/cat.jpg';
33. }
34. //CreateEntity();
36. //创建一个椭圆实体面片,设置颜色，透明度，贴图
37. function CreateTuoYuan() {
38.   var entity = viewer.entities.add({
39.     position: Cesium.Cartesian3.fromDegrees(-103.0, 40.0),
40.     ellipse: {
41.       semiMinorAxis: 250000.0,
42.       semiMajorAxis: 400000.0,
43.       material: Cesium.Color.BLUE.withAlpha(0.5)
44.     }
45.   });
46.   viewer.zoomTo(viewer.entities);
48.   var ellipse = entity.ellipse;
49.   ellipse.material = '../Apps/cat.jpg';
50. }
51. //CreateTuoYuan();
53. //创建棋盘样式
54. function CreateQiPan() {
55.   var entity = viewer.entities.add({
56.     position: Cesium.Cartesian3.fromDegrees(-103.0, 40.0),
57.     ellipse: {
58.       semiMinorAxis: 250000.0,
59.       semiMajorAxis: 400000.0,
60.       material: Cesium.Color.BLUE.withAlpha(0.5)
61.     }
62.   });
63.   viewer.zoomTo(viewer.entities);
65.   var ellipse = entity.ellipse;
66.   ellipse.material = new Cesium.CheckerboardMaterialProperty({
67.     evenColor: Cesium.Color.WHITE,
68.     oddColor: Cesium.Color.BLACK,
69.     repeat: new Cesium.Cartesian2(4, 4)
70.   });
71. }
72. //CreateQiPan();
73. 
     
74. //创建条纹样式
75. function CreateTiaoWen() {
76.   var entity = viewer.entities.add({
77.     position: Cesium.Cartesian3.fromDegrees(-103.0, 40.0),
78.     ellipse: {
79.       semiMinorAxis: 250000.0,
80.       semiMajorAxis: 400000.0,
81.       material: Cesium.Color.BLUE.withAlpha(0.5)
82.     }
83.   });
84.   viewer.zoomTo(viewer.entities);
86.   var ellipse = entity.ellipse;
87.   ellipse.material = new Cesium.StripeMaterialProperty({
88.     evenColor : Cesium.Color.WHITE,
89.     oddColor : Cesium.Color.BLACK,
90.     repeat : 32
91.   });
92. }
93. //CreateTiaoWen();
94. 
     
95. //创建网格样式
96. function CreateWangGe() {
97.   var entity = viewer.entities.add({
98.     position: Cesium.Cartesian3.fromDegrees(-103.0, 40.0),
99.     ellipse: {
100.       semiMinorAxis: 250000.0,
101.       semiMajorAxis: 400000.0,
102.       material: Cesium.Color.BLUE.withAlpha(0.5)
103.     }
104.   });
105.   viewer.zoomTo(viewer.entities);
107.   var ellipse = entity.ellipse;
108.   ellipse.material = new Cesium.GridMaterialProperty({
109.     color : Cesium.Color.RED,
110.     cellAlpha : 0.2,
111.     lineCount : new Cesium.Cartesian2(8, 8),
112.     lineThickness : new Cesium.Cartesian2(2.0, 2.0)
113.   });
114. }
115. //CreateWangGe();
117. //创建外边框样式
118. function CreateWaiKuang() {
119.   var entity = viewer.entities.add({
120.     position: Cesium.Cartesian3.fromDegrees(-103.0, 40.0),
121.     ellipse: {
122.       semiMinorAxis: 250000.0,
123.       semiMajorAxis: 400000.0,
124.       material: Cesium.Color.BLUE.withAlpha(1)
125.     }
126.   });
127.   viewer.zoomTo(viewer.entities);
128.   var ellipse = entity.ellipse;
130.   ellipse.fill = false;
131.   ellipse.outline = true;
132.   ellipse.outlineColor = Cesium.Color.RED;
133.   ellipse.outlineWidth = 2.0;
134. }
135. //CreateWaiKuang();
137. //创建折线
138. function CreateLine() {
139.   var entity = viewer.entities.add({
140.     polyline: {
141.       positions: Cesium.Cartesian3.fromDegreesArray([-77, 35,
142.         -77.1, 35
143.       ]),
144.       width: 5,
145.       material: Cesium.Color.RED
146.     }
147.   });
148.   viewer.zoomTo(entity);
150.   var polyline = entity.polyline
151. }
152. //CreateLine();
154. //创建折线轮廓
155. function CreateLineOutLine() {
156.   var entity = viewer.entities.add({
157.     polyline: {
158.       positions: Cesium.Cartesian3.fromDegreesArray([-77, 35,
159.         -77.1, 35
160.       ]),
161.       width: 5,
162.       material: Cesium.Color.RED
163.     }
164.   });
165.   viewer.zoomTo(entity);
167.   var polyline = entity.polyline;
168.   polyline.material = new Cesium.PolylineOutlineMaterialProperty({
169.     color: Cesium.Color.ORANGE,
170.     outlineWidth: 3,
171.     outlineColor: Cesium.Color.BLACK
172.   });
173. }
174. //CreateLineOutLine();
176. //创建折线光晕
177. function CreateLineGuangYun() {
178.   var entity = viewer.entities.add({
179.     polyline: {
180.       positions: Cesium.Cartesian3.fromDegreesArray([-77, 35,
181.         -77.1, 35
182.       ]),
183.       width: 50,
184.       material: Cesium.Color.RED
185.     }
186.   });
187.   viewer.zoomTo(entity);
189.   var polyline = entity.polyline;
190.   polyline.material = new Cesium.PolylineGlowMaterialProperty({
191.     glowPower : 0.2,
192.     color : Cesium.Color.BLUE
193. });
194. }
195. //CreateLineGuangYun();