跳到主要内容

3、线段样式示例

线段的使用场景最为灵活,支持的矢量图层包括线和面,以下是几种常用的样式设置

线段的常规样式

线段的常规(默认)为实心线段,可设置线段的颜色和宽度,可设置线段是否贴地或以空间线的形式显示

首先必须开启线段显示:polylineShow:1

设置线段的材质:polylineMaterial:SolidColor(默认,实心样式)

设置线段的宽度:polylineWidth:5(默认为1)

设置线段的颜色:polylineColor:#FF00FF(紫色,默认为#FF0000红色,此参数可参考CSS对颜色的描述,支持透明通道的设置,如#FFFF0066,66取值自00-FF之间的透明通道)

设置完毕后效果如下:

Locale Dropdown

给线段设置贴地效果:polylineClampToGround:1(默认为0)

Locale Dropdown

描边线

设置线段的材质:polylineMaterial:PolylineOutline

描边的宽度:polylineOutlineWidth:2(描边为向线段内部描边,因此必须小于线段宽度polylineWidth)

描边的颜色:polylineOutlineColor:#FFFF00(黄色,默认为#FFFFFF白色)

Locale Dropdown Locale Dropdown

虚线

设置线段的材质:polylineMaterial:PolylineDash

虚线的长度设置:polylineDashLength:32(默认16)

虚线每一段的填充比:polylineDashPattern:255(默认,等比例,该值的计算方法为二进制的转换,255=0000 0000 1111 1111,1为填充部分,0为虚线部分)

Locale Dropdown

若要整虚线比例,填充比设置为:polylineDashPattern:15(15=0000 0000 0000 1111,即填充部分为1/4)

Locale Dropdown

虚线部分的颜色也可设置:polylineGapPower:#000000(黑色,默认为#00000000,最后两位为0表示全透明,去掉最后两位为不透明)

Locale Dropdown

发光线

设置线段的材质:polylineMaterial:PolylineGlow

增加线段的宽度使效果更加明显:polylineWidth:50

此时线段的颜色(polylineColor)为周围泛光部分的颜色

Locale Dropdown

调整中间白色发光部分的宽度比例:polylineGlowPower:0.1(默认0.25)

Locale Dropdown

流动线

设置线段的材质:polylineMaterial:PolylineTrail

流动一次的时间:polylineTime:5.0(单位秒,默认1.0)

流动线拖尾的长度:polylineTime:3(默认1.0)

Locale Dropdown Locale Dropdown

体块

设置线段的材质:polylineMaterial:Corridor

体块的宽度:polylineWidth:100

体块的基准高度:polylineHeight:1000

体块的延伸高度:polylineExtrudedHeight:1200

Locale Dropdown

垂直墙

垂直墙可理解为宽度为0的体块,垂直墙的贴图效果可自定义

设置线段的材质:polylineMaterial:Wall

垂直墙的基准高度:polylineHeight:1000

垂直墙的延伸高度:polylineExtrudedHeight:1200

Locale Dropdown

去掉描边线的显示:polylineOutlineWidth:0(0=不显示,1=显示)

或设置描边线的颜色:polylineOutlineColor

Locale Dropdown

设置贴图:polylineMaterialImageTexture:http://cesiumearth.com/resources/bubbles/Bub4.pnghttp://www.cesiumearth.com/resources/bubbles/Bub4.png (贴图所在的服务器必须解除跨域设置)

循环贴图的参数:polylineMaterialRepeat:50.0,1.0(横向50次,纵向1次,默认为1.0,1.0)

Locale Dropdown

设置渐变颜色:polylineMaterialColorTexture:0.0,#00000000,1.0,#ff00ff(此参数与贴图必须二选一,若两个同时设置,默认生效贴图效果;渐变颜色设置说明可参考参数表)

Locale Dropdown

三维管线

设置线段的材质:polylineMaterial:Volume

设置管线的管径:polylineWidth:100

设置管线的平滑程度:polylineVolumeSmooth:20

Locale Dropdown