WebGLのためSuperMap iClient3D教程(エンティティ)-PolygonGraphics

PolygonGraphicsクラスは、ソースデータがドット列データであり、主に幾何学的なオブジェクトを作成するために使用される物理オブジェクトのタイプ、およびボックスモデルの描画オブジェクトの反対側の表面の一部です。添加効果は以下の延伸後の固体表面:


15511619-bafbf8578f6edc02.png
PolygonGraphics

次のようにコードは次のとおりです。

viewer.entities.add({
                    id: "test",
                    polygon: {
                        hierarchy: new Cesium.PolygonHierarchy(Cesium.Cartesian3.fromDegreesArray([112, 40, 112.01, 40, 112.01, 40.01, 112, 40.01])),
                        height:300,
                        extrudedHeight:2000,
                        material:Cesium.Color.RED.withAlpha(0.5),
                        outline:true,
                        outlineColor:Cesium.Color.WHITE,
                        outlineWidth:2.0
                    }
                });
                viewer.flyTo(viewer.entities.getById("test"));

まず、主なパラメータが導入します

1階層:ポリゴンのストリング設定点、共通パイロットトンネル面とオブジェクトを作成することができPolygonHierarchyオブジェクトタイプ、。


15511619-ce6c5969b1b17d21.png
パイロットトンネル効果

2、高さ:地上ポリゴンかなりの高さ。
3、extrudedHeight:高さは、多角形、多角形一般に引っ張ら高さ= extrudedHeight高さを送りました。
4、ショー:ポリゴンが表示される
だけエッジのエッジ効果が表示されている場合、充填は明らかではないが、充填材かどうか:充填、5


15511619-805b46c24e0e40cd.png
中空モード

6、材料:充填材料のオブジェクトは、オブジェクトの外観であり、また、フォローアップ記事は説明することができる等、色、テクスチャ、とすることができる
オブジェクトが表示され副業:7、輪郭

8、OUTLINECOLOR:カラーエッジ
9、outlineWidth:エッジの幅
10、stRotation:材料の回転角
11、perPositionHeight:別のオブジェクトの高さ、各ノードの、すなわち高さが傾斜面であることができ、表示されてもよいかどうかを
12、closeTop:とき上部閉鎖延伸するかどうかを
するときボトムシール延伸するかどうか:13、closeBottom
シャドウキャスティングモード:14、影
15、distanceDisplayCondition:カメラのどの位置に表示される制御モデルを。例えばdistanceDisplayConditionため、提供新しいCesium.DistanceDisplayCondition(1500,5000)、即ち、位置カメラの1500から5000の範囲内の距離であり、他のモデルでは、範囲は表示されません。

第二に、統合された使用

ここではあったであろうエンティティを追加する方法を、詳細に見ると、ここで説明することはあまりないだろう、我々は彼の棒を伸ばし、穴のあるポリゴンを追加し、彼に映像素材を与えました

viewer.entities.add({
                    id: "test",
                    polygon: {
                        hierarchy: {
                            positions: Cesium.Cartesian3.fromDegreesArray([112, 40, 112.01, 40, 112.01, 40.01, 112, 40.01]),
                            holes:[new Cesium.PolygonHierarchy(Cesium.Cartesian3.fromDegreesArray([112.001, 40.001, 112.009, 40.001, 112.009, 40.006, 112.001, 40.006]))]
                        },
                        height: 300,
                        extrudedHeight: 2000,
                        material: new Cesium.ImageMaterialProperty ({
                            image:"data/building2.png"
                        }),
                        outline: true,
                        outlineColor: Cesium.Color.WHITE,
                        outlineWidth: 2.0,
                        
                    }
                });
                viewer.flyTo(viewer.entities.getById("test"));

示すように、結果:


15511619-a93af34fad9d2f3c.png
統合された使用

おすすめ

転載: blog.csdn.net/weixin_34365417/article/details/90961131