Cesium基础知识-Entity管理

//普通entity加载模型

1. function LoadEntityModel() {
2.     var redPolygon = viewer.entities.add({
3.         name: "Red polygon on surface",
4.         polygon: {
5.             hierarchy: Cesium.Cartesian3.fromDegreesArray([
6.                 113.490283, 28.884350000000005,
7.                 113.53232437057214, 28.86366476861567,
8.                 113.52849410091294, 28.789783075024378,
9.                 113.33021641184426, 28.783389028027322,
10.                 113.490283, 28.884350000000005,
11.             ]),
12.             material: Cesium.Color.RED,
13.         },
14.     });
15.     viewer.zoomTo(redPolygon);
16. }
17. //LoadEntityModel();

//DataSource管理entity模型

1. function UseDataSourceEntity() {
2.     //先创建一个CustomDataSource源，然后把entity存入这里面
3.     let Polygon = new Cesium.CustomDataSource("paowuxian");
4.     viewer.dataSources.add(Polygon);
5.     //添加数据的方式
6.     Polygon.entities.add({
7.         polygon: {
8.             hierarchy: Cesium.Cartesian3.fromDegreesArray([
9.                 113.490283, 28.884350000000005,
10.                 113.53232437057214, 28.86366476861567,
11.                 113.52849410091294, 28.789783075024378,
12.                 113.33021641184426, 28.783389028027322,
13.                 113.490283, 28.884350000000005,
14.             ]),
15.             material: Cesium.Color.BLUE,
16.         },
17.     });
18.     //清除数据的方式  这样就不会清除上面的数据
19.     //Polygon.entities.removeAll()
21.     viewer.zoomTo(Polygon);
22. }
23. //UseDataSourceEntity();

//图元管理entity模型

1. function UseDataSourceTuYuanEntity() {
2.     let ldCollection = new Cesium.PrimitiveCollection("tuyuan");
3.     viewer.scene.primitives.add(ldCollection);
5.     //先创建一个CustomDataSource源，然后把entity存入这里面
6.     let Polygon = new Cesium.CustomDataSource("paowuxian");
7.     viewer.dataSources.add(Polygon);
8.     //添加数据的方式
9.     Polygon.entities.add({
10.         polygon: {
11.             hierarchy: Cesium.Cartesian3.fromDegreesArray([
12.                 113.490283, 28.884350000000005,
13.                 113.53232437057214, 28.86366476861567,
14.                 113.52849410091294, 28.789783075024378,
15.                 113.33021641184426, 28.783389028027322,
16.                 113.490283, 28.884350000000005,
17.             ]),
18.             material: Cesium.Color.GREEN,
19.         },
20.     });
22.     ldCollection.add(Polygon);
23.     
24.     //清除图元
25.     // ldCollection.clear()
27.     viewer.zoomTo(Polygon);
28. }
29. //UseDataSourceTuYuanEntity();

//使用图元Primitive

1. function UsePrimitive() {
2.     var scene = viewer.scene
3.         var instance = new Cesium.GeometryInstance({
4.             geometry: new Cesium.RectangleGeometry({
5.                 rectangle: Cesium.Rectangle.fromDegrees(-100.0, 20.0, -90.0, 30.0),
6.                 vertexFormat: Cesium.EllipsoidSurfaceAppearance.VERTEX_FORMAT
7.             })
8.         });
9.         let primitive1 = new Cesium.Primitive({
10.             geometryInstances: instance,
11.             appearance: new Cesium.EllipsoidSurfaceAppearance({
12.                 material: new Cesium.Material({
13.                     fabric: {
14.                         type: 'Image',
15.                         uniforms: {
16.                             image: '../img/earth.png',
17.                             color: new Cesium.Color(1.0, 1.0, 0.0, 1.0),
18.               cellAlpha: 1
19.                         },
20.                         source: `
21.                         uniform vec4 color;
22.             uniform float cellAlpha;
23.                 czm_material czm_getMaterial(czm_materialInput materialInput)
24.                     {
25.                       czm_material material = czm_getDefaultMaterial(materialInput);
26.                       vec2 st = materialInput.st;
27.                       float aa = st.s * st.t;
28.                       vec3 halfColor = color.rgb * aa + texture2D(image, materialInput.st).rgb * (1.0 - aa);
29.                       halfColor *= 0.5;
30.                       material.diffuse = halfColor;
31.                       material.emission = halfColor;
32.                       // material.alpha = color.a * aa;
33.                       material.alpha = 1.0;
34.                       return material;
35.                 }
36.             `
37.                     }
38.                 })
39.             })
40.         })
41.         scene.primitives.add(primitive1);
42. }
43. //UsePrimitive();