跳到主要内容

5、面样式示例

面的样式主要为三种:贴地面、空间面、体块面,通过这三种样式的运用,可解决大部分场景的表达效果。

面的矢量图形由线段(polyline)和面(polygon)两部分组成,其各自均可独立设置表达样式,线段的样式详见线段示例部分

面的常规样式(空间面)

面的常规默认样式为空间面(顶点必须具有高度值)

面的颜色:polygonColor:#FFFFFF66(对于面的颜色设置,推荐使用半透明效果,否则会覆盖包裹物的内容)

顶点高度值取样类型:polygonPerPositionHeight:0(默认为0,此时基准高度polygonHeight和polygonExtrudedHeight不生效)

是否贴地:polygonClampToGround:0(默认为0)

此时的默认效果如下:

Locale Dropdown Locale Dropdown

贴地面样式

若只需表达面的二维范围,可以通过贴地的效果展示

是否贴地:polygonClampToGround:1

顶点高度取值:polygonPerPositionHeight:0

Locale Dropdown

此时发现面和线是分离的,因此线段也需进行贴地设置

范围线贴地:polylineClampToGround:1(与填充面相互配合)

Locale Dropdown

面的体块样式

为体现效果更加明显,可开启体块描边的显示

调整顶点高度值取样类型:polygonPerPositionHeight:1(通过顶点高度与延伸高度自动拟合成体块)

面的填充色:polygonColor:#FFFFFF66

设置体块的描边:polygonOutlineShow:1(默认为0,0=不显示,1=显示)

描边颜色:polygonOutlineColor:#FFFFFFCC

面的延伸高度调整为:polygonExtrudedHeight:4000(此时顶点高度都较延伸高度高)

填充面是否贴地:polygonClampToGround:0(若开启贴地效果,那么体块则不生效)

范围线贴地:polylineClampToGround:0(与面的贴地效果一致)

为了突出矢量面效果,增加其宽度:polylineWidth:3

效果如下:红色部分(polyline)为面的矢量数据,每个顶点高度不同,通过延伸高度的设置,自动拟合成体块

Locale Dropdown

若面的延伸高度值设置成顶点的最高最低值之间:polygonExtrudedHeight:7000

Locale Dropdown

若面的延伸高度值设置成高于顶点的最大高度:polygonExtrudedHeight:12000

Locale Dropdown

调整顶点高度值取样类型:polygonPerPositionHeight:2(自动以顶点的最高最低值渲染体块,此时基准高度和延伸高度不再生效)

Locale Dropdown

若不想以顶点高度来生成体块,所有面都以固定的高度显示,则可选择关闭顶点高度值

可设置参数:polygonPerPositionHeight:3

面的基准高度:polygonHeight:7000

面的延伸高度:polygonExtrudedHeight:7500

效果如下:从7000高度延伸到7500高度,为厚度均匀的500米构成体块效果

Locale Dropdown

与实景三维结合后的效果

Locale Dropdown Locale Dropdown Locale Dropdown Locale Dropdown Locale Dropdown