# new Style()
标绘图元样式
支持如下样式:
1、点,类型(type)为point时样式参数参照Style.PointStyle
2、文本,类型(type)为label时样式参数参照
Style.LabelStyle
3、广告牌,图标类型(type)为billboard时样式参数参照
Style.BillboardStyle
4、线,图标类型(type)为polyline时样式参数参照
Style.PolylineStyle
5、圆管线,图标类型(type)为polylineVolume时样式参数参照
Style.PolylineVolumeStyle
6、面(区),图标类型(type)为polygon时样式参数参照
Style.PolygonStyle
7、矩形,图标类型(type)为rectangle时样式参数参照
Style.RectangleStyle
8、圆,图标类型(type)为circle时样式参数参照
Style.CircleStyle
9、方管线,图标类型(type)为corridor时样式参数参照
Style.CorridorStyle
10、圆台(圆锥),图标类型(type)为cylinder时样式参数参照
Style.CylinderStyle
11、椭球,图标类型(type)为ellipsoid时样式参数参照
Style.EllipsoidStyle
12、圆球,图标类型(type)为sphere时样式参数参照
Style.SphereStyle
13、墙,图标类型(type)为wall时样式参数参照
Style.WallStyle
14、盒子,类型(type)为box时样式参数参照
Style.BoxStyle
15、 gltf模型,类型(type)为model时样式参数参照
Style.ModelStyle
成员变量
# static BillboardStyle
广告牌样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
image |
String |
<optional> |
图片路径 |
|
color |
Cesium.Color |
<optional> |
Cesium.Color.WHITE | 广告牌颜色 |
rotation |
Number |
<optional> |
0.0 | 广告牌旋转角度,弧度值 |
alignedAxis |
Cesium.Cartesian3 |
<optional> |
Cesium.Cartesian3.ZERO | 广告牌的朝向。ZERO:无设置、UNIT_X:X轴朝向、UNIT_Y:Y轴朝向、UNIT_Z:Z轴朝向。 |
width |
Number |
<optional> |
宽度 |
|
height |
Number |
<optional> |
高度 |
|
outlineColor |
Cesium.Color |
<optional> |
Cesium.Color.BLACK | 外边框颜色 |
outlineWidth |
Number |
<optional> |
0.0 | 外边框宽度 |
sizeInMeters |
Boolean |
<optional> |
false | 尺寸是否为米单位的,当为false时尺寸为像素,true时为米 |
pixelOffset |
Cesium.Cartesian2 |
<optional> |
new Cesium.Cartesian2(0,0) | 广告牌屏幕像素偏移量 |
eyeOffset |
Cesium.Cartesian3 |
<optional> |
new Cesium.Cartesian3(0,0,0) | 广告牌相机坐标下偏移量 |
horizontalOrigin |
Number |
<optional> |
HorizontalOrigin.LEFT | 广告牌水平方向放置位置 |
verticalOrigin |
Number |
<optional> |
VerticalOrigin.BASELINE | 广告牌垂直方向放置位置 |
scale |
Number |
<optional> |
1.0 | 广告牌缩放大小 |
translucencyByDistance |
Cesium.NearFarScalar |
<optional> |
广告牌的透明度随相机高度变化。用法详见 |
|
pixelOffsetScaleByDistance |
Cesium.NearFarScalar |
<optional> |
广告牌的屏幕像素偏移随相机高度变化。用法详见 |
|
scaleByDistance |
Cesium.NearFarScalar |
<optional> |
广告牌的大小随相机高度变化。用法详见 |
|
heightReference |
Number |
<optional> |
HeightReference.NONE | 如何摆放在地形上。NONE:使用绝对高度、CLAMP_TO_GROUND:贴在地形上、RELATIVE_TO_GROUND:相对地形抬高一定高度。 |
distanceDisplayCondition |
Cesium.DistanceDisplayCondition |
<optional> |
决定在某个相机视角高度范围内图元是否可见。 |
|
disableDepthTestDistance |
Number |
<optional> |
在某个相机视角高度下(例如10000米),禁用深度检测。当设置值为Number.POSITIVE_INFINITY时,深度检测被一直禁用。 |
|
offsetHeight |
Number |
<optional> |
0.0 | 广告牌的离地高度 |
# static BoxStyle
盒子图元样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
isSquare |
Boolean |
<optional> |
false | 是否为正方体。 |
color |
String | Cesium.Color |
<optional> |
Cesium.Color.RED | 颜色 |
offsetHeight |
Number |
<optional> |
盒子离地高度 |
|
extrudedHeight |
Number |
<optional> |
0 | 拉伸高度 |
heightReference |
Number |
<optional> |
HeightReference.NONE | 高度类型 |
materialType |
String |
<optional> |
'Color' | 材质类型 材质类型参见 |
depthTest |
Boolean |
<optional> |
true | 是否启用图元深度检测,设置成false为防止被地形遮挡 |
material |
Material |
<optional> |
材质 材质类型参见 |
|
flat |
Boolean |
<optional> |
false | 是否启用平坦渲染,即不考虑光照。 |
# static CircleStyle
圆面(圆柱体)图元样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
extrudedHeight |
Number |
<optional> |
圆柱体拉伸。 |
|
offsetHeight |
Number |
<optional> |
圆距离地面抬高高度。 |
|
radius |
Number |
<optional> |
0 | 圆半径。 |
stRotation |
Number |
<optional> |
0.0 | 圆纹理顺时针旋转角度(弧度值)。 |
color |
String | Cesium.Color |
<optional> |
Cesium.Color.RED | 颜色 |
translucent |
Boolean |
<optional> |
true | 是否半透明 |
materialType |
String |
<optional> |
'Color' | 材质类型 材质类型参见 |
material |
Material |
<optional> |
材质 材质类型参见 |
|
depthTest |
Boolean |
<optional> |
true | 是否启用图元深度检测,设置成false为防止被地形遮挡。不贴地二维图形默认关闭,三维图形默认开启。 |
classificationType |
Number |
<optional> |
是否贴地。贴地ClassificationType.TERRAIN,贴模型ClassificationType.CESIUM_3D_TILE,都贴ClassificationType.BOTH,都不贴undefined |
# static CorridorStyle
方管图元样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
color |
String | Cesium.Color |
<optional> |
Cesium.Color.RED | 颜色 |
width |
Number |
<optional> |
10.0 | 线段宽度. |
offsetHeight |
Number |
<optional> |
0.0 | 方管线离地高度 |
extrudedHeight |
Number |
<optional> |
方管线拉伸高度 |
|
translucent |
Boolean |
<optional> |
true | 是否半透明 |
materialType |
String |
<optional> |
'Color' | 材质类型 材质类型参见 |
material |
Material |
<optional> |
材质 材质类型参见 |
|
depthTest |
Boolean |
<optional> |
true | 是否启用图元深度检测,设置成false为防止被地形遮挡 |
# static CylinderStyle
圆台(圆锥)图元样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
extrudedHeight |
Number |
<optional> |
100 | 圆台拉伸高度。 |
offsetHeight |
Number |
<optional> |
0 | 圆台距离地面抬高高度。 |
topRadius |
Number |
<optional> |
0 | 圆台顶半径。 |
bottomRadius |
Number |
<optional> |
0 | 圆台底半径。 |
color |
String | Cesium.Color |
<optional> |
Cesium.Color.RED | 颜色 |
translucent |
Boolean |
<optional> |
true | 是否半透明 |
materialType |
String |
<optional> |
'Color' | 材质类型 材质类型参见 |
material |
Material |
<optional> |
材质 材质类型参见 |
|
depthTest |
Boolean |
<optional> |
true | 是否启用图元深度检测,设置成false为防止被地形遮挡 |
slices |
Number |
<optional> |
128 | 圆台周长周围的边数。 |
# static DivStyle
Div图元样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
html |
String | Object |
<optional> |
'' | div字符串或者dom元素 |
pixelOffset |
Cesium.Cartesian2 |
<optional> |
Cesium.Cartesian2(0, 0) | 屏幕像素偏移 |
offsetHeight |
Number |
<optional> |
0 | 抬高高度 |
distanceDisplayCondition |
Cesium.DistanceDisplayCondition |
<optional> |
Cesium.DistanceDisplayCondition(0, 20000000) | 在最小和最大的相机距离内,才显示图元 |
translucencyByDistance |
Cesium.NearFarScalar |
<optional> |
Cesium.NearFarScalar(0, 1, 20000000, 1) | 在最小距离内,透明度恒定为nearValue,在最小距离和最大距离内,透明度从nearValue到farValue,在最大范围外透明度恒定为farValue |
scaleByDistance |
Cesium.NearFarScalar |
<optional> |
Cesium.NearFarScalar(0, 1, 20000000, 1) | 在最小距离内,缩放系数恒定为nearValue,在最小距离和最大距离内,缩放系数从nearValue到farValue,在最大范围外缩放系数度恒定为farValue |
# static EditPointStyle
编辑点样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
color |
Cesium.Color |
<optional> |
Cesium.Color.RED | 编辑点填充颜色 |
centerPointColor |
Cesium.Color |
<optional> |
Cesium.Color.SLATEBLUE.withAlpha(0.9) | 编辑中心点填充颜色 |
insertPointColor |
Cesium.Color |
<optional> |
Cesium.Color.SANDYBROWN.withAlpha(0.6) | 插入点填充颜色 |
pixelSize |
Number |
<optional> |
15 | 编辑点像素大小 |
outlineColor |
Cesium.Color |
<optional> |
Cesium.Color.SEASHELL.withAlpha(0.9) | 编辑点边框颜色 |
highLightColor |
Cesium.Color |
<optional> |
Cesium.Color.SKYBLUE.withAlpha(0.9) | 编辑选中高亮颜色 |
# static EllipsoidStyle
椭球图元样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
radiusX |
Number |
<optional> |
外半径x |
|
radiusY |
Number |
<optional> |
外半径Y |
|
radiusZ |
Number |
<optional> |
外半径Z |
|
innerRadiusX |
Number |
<optional> |
内半径x |
|
innerRadiusY |
Number |
<optional> |
内半径Y |
|
innerRadiusZ |
Number |
<optional> |
内半径Z |
|
offsetHeight |
Number |
<optional> |
0 | 椭球离地高度。 |
color |
String | Cesium.Color |
<optional> |
Cesium.Color.RED | 颜色 |
translucent |
Boolean |
<optional> |
true | 是否半透明 |
materialType |
String |
<optional> |
'Color' | 材质类型 材质类型参见 |
material |
Material |
<optional> |
材质 材质类型参见 |
|
depthTest |
Boolean |
<optional> |
true | 是否启用图元深度检测,设置成false为防止被地形遮挡 |
# static LabelNoteStyle
动态注记样式
属性:
Name | Type | Attributes | Description |
---|---|---|---|
symbol |
Object |
<optional> |
文本符号 |
renderMode |
String |
<optional> |
渲染模式,可选canvas/label/ground(贴地注记)。 |
groundScale |
Number |
<optional> |
渲染模式为ground时,设置像素与实际单位米之间的比例关系。测试接口。假设groundScale为10,2020px的逻辑范围贴地时会被渲染为200200m的注记 |
maxScale |
Number |
<optional> |
最大可见范围。单位米 |
minScale |
Number |
<optional> |
最小可见范围。单位米 |
labelHeight |
Number |
<optional> |
相对于几何数据的高度。单位米 |
labelPlacement |
String |
<optional> |
布局位置,描述注记和几何之间的关系。针对于点类型可选项1.above-left 2.above-center 3.above-right 4.center-left 5.center-center 6.center-right 7.below-left 8.below-center 9.below-right 针对于线类型 1.'on-line' 压线 2.'above-line' 线上 3.'under-line' 线下 针对于面类型1.'parallel' 平行 2.'outside' 区外 3.'bottom' 底部 4.'skeleton' 骨架线 |
currentAttributeName |
String |
<optional> |
当前属性字段 |
repeatLabel |
Boolean |
<optional> |
重复类型,限制线类型使用 |
repeatLabelDistance |
Number |
<optional> |
重复步长,限制线类型使用 |
repeatStartRate |
Number |
<optional> |
开始步长比例,限制线、面类型使用 |
repeatEndRate |
Number |
<optional> |
结束步长比例,限制线、面类型使用 |
lineLabelSpread |
Number |
<optional> |
线注记分布方式 1.'auto-spread' 字母集中,汉字分散 2.'centralization-spread'集中 3.'decentralize-spread' 分散,限制线使用 |
labelPositionAlong |
Number |
<optional> |
线文字与线关系 仅集中注记时生效 1.'start' 线头 2.'middle' 线中点 3.'end' 线尾,限制线使用 |
text |
String |
<optional> |
文本内容 |
font |
String |
<optional> |
字体类型(参照 CSS 的字体样式属性) |
fillColor |
String | Cesium.Color |
<optional> |
字体颜色 |
outlineColor |
String | Cesium.Color |
<optional> |
外边框颜色 |
outlineWidth |
Number |
<optional> |
外边框宽度 |
showBackground |
Boolean |
<optional> |
是否显示背景 |
offsetHeight |
Number |
<optional> |
文本离地高度 |
backgroundColor |
Cesium.Color |
<optional> |
背景颜色 |
backgroundPadding |
Cesium.Cartesian2 |
<optional> |
文本在背景中的偏移量,类似CSS中的padding,x代表水平padding像素值,y代表垂直padding像素值.左上角为原点。 |
pixelOffset |
Cesium.Cartesian2 |
<optional> |
文本屏幕像素偏移量 |
eyeOffset |
Cesium.Cartesian3 |
<optional> |
文本相机坐标下偏移量 |
horizontalOrigin |
Number |
<optional> |
文本水平方向放置位置 |
verticalOrigin |
Number |
<optional> |
文本垂直方向放置位置 |
scale |
Number |
<optional> |
文本比例尺 |
translucencyByDistance |
Cesium.NearFarScalar |
<optional> |
文本的透明度随相机高度变化。用法详见 |
pixelOffsetScaleByDistance |
Cesium.NearFarScalar |
<optional> |
文本的屏幕像素偏移随相机高度变化。用法详见 |
scaleByDistance |
Cesium.NearFarScalar |
<optional> |
文本的大小随相机高度变化。用法详见 |
heightReference |
Number |
<optional> |
如何摆放在地形上。NONE:使用绝对高度、CLAMP_TO_GROUND:贴在地形上、RELATIVE_TO_GROUND:相对地形抬高一定高度。 |
distanceDisplayCondition |
Cesium.DistanceDisplayCondition |
<optional> |
决定在某个相机视角高度范围内图元是否可见。 |
disableDepthTestDistance |
Number |
<optional> |
在某个相机视角高度下(例如10000米),禁用深度检测。当设置值为Number.POSITIVE_INFINITY时,深度检测被一直禁用。 |
示例
const symbol = {
// 填充颜色 rgba or 16进制颜色
color: 'rgba(255,255,255,1)',
// 描边颜色
haloColor: 'rgba(0,0,0,1)',
// 描边宽度
haloSize: 1,
// 行高
lineHeight: 1.1,
// 行宽
lineWidth: 80,
// 最大行数
lineMaxNum: 3,
// 换行
textWraps: true,
// 文本间距
letterSpacing: '1px',
// x方向偏移
xoffset: 0,
// y方向偏移
yoffset: 0,
// 字体样式 参考css
font: {
size: 15,
family: 'simHei',
weight: 'normal',
style: 'normal'
},
// 是否开启填充背景
showBackground: true,
// 背景填充色
backgroundColor: 'rgba(42,42,42,0.8)',
// 背景边距 number or array(测试接口)
backgroundPadding: [5,5],
// 背景图片 支持image对象、function(测试接口)
backgroundImage:undefined,
// 是否开启图标(测试接口)
showTextExtraIcon:true,
// 图标图片 支持image对象(测试接口)
textExtraIcon:image,
// 图标方位 "left" "right" "top" "bottom"(测试接口)
textExtraIconAnchor:"left",
// 图标大小(测试接口)
textExtraIconSize:12,
// 是否开启阴影
showTextShadow: false,
textShadowOffsetX: 1,
textShadowOffsetY: 1,
textShadowColor: '#ffffff',
textShadowBlur: 2,
// 文字删除线
showTextDecorationThroughline: false,
textDecorationThroughlineColor: 'rgba(255,255,255,1)',
textDecorationThroughlineWidth: 1,
// 文字下划线
showTextDecorationUnderline: false,
textDecorationUnderlineColor: 'rgba(255,255,255,1)',
textDecorationUnderlineWidth: 1
};
相关扩展,绘制圆角矩形背景
const symbol = {
...
// 是否开启填充背景
showBackground: true,
// 背景填充色
backgroundColor: 'rgba(42,42,42,0.8)',
// 背景边距 number or array
backgroundPadding: [5,5],
// 背景图片 支持image对象、function
backgroundImage:function(ctx,x,y,width,height){
ctx.save()
drawArcRect(ctx,x,y,radius,width,height);
ctx.fillStyle = "#183f7d"
ctx.fill()
ctx.restore()
ctx.save()
drawArcRect(ctx,x+2,y+2,radius,width-4,height-4);
ctx.strokeStyle = "rgba(255,255,255,1)"
ctx.lineWidth =2
ctx.stroke()
ctx.restore()
}
...
}
# static LabelStyle
文本样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
text |
String |
<optional> |
文本内容 |
|
font |
String |
<optional> |
'30px sans-serif' | 字体类型(参照 CSS 的字体样式属性) |
fillColor |
String | Cesium.Color |
<optional> |
Cesium.Color.WHITE | 字体颜色 |
outlineColor |
String | Cesium.Color |
<optional> |
Cesium.Color.BLACK | 外边框颜色 |
outlineWidth |
Number |
<optional> |
1.0 | 外边框宽度 |
showBackground |
Boolean |
<optional> |
false | 是否显示背景 |
offsetHeight |
Number |
<optional> |
0.0 | 文本离地高度 |
backgroundColor |
Cesium.Color |
<optional> |
new Cesium.Color(0.165, 0.165, 0.165, 0.8) | 背景颜色 |
backgroundPadding |
Cesium.Cartesian2 |
<optional> |
new Cesium.Cartesian2(0,0) | 文本在背景中的偏移量,类似CSS中的padding,x代表水平padding像素值,y代表垂直padding像素值.左上角为原点。 |
pixelOffset |
Cesium.Cartesian2 |
<optional> |
new Cesium.Cartesian2(0,0) | 文本屏幕像素偏移量 |
eyeOffset |
Cesium.Cartesian3 |
<optional> |
new Cesium.Cartesian3(0,0,0) | 文本相机坐标下偏移量 |
horizontalOrigin |
Number |
<optional> |
HorizontalOrigin.LEFT | 文本水平方向放置位置 |
verticalOrigin |
Number |
<optional> |
VerticalOrigin.BASELINE | 文本垂直方向放置位置 |
scale |
Number |
<optional> |
1.0 | 文本比例尺 |
translucencyByDistance |
Cesium.NearFarScalar |
<optional> |
文本的透明度随相机高度变化。用法详见 |
|
pixelOffsetScaleByDistance |
Cesium.NearFarScalar |
<optional> |
文本的屏幕像素偏移随相机高度变化。用法详见 |
|
scaleByDistance |
Cesium.NearFarScalar |
<optional> |
文本的大小随相机高度变化。用法详见 |
|
heightReference |
Number |
<optional> |
HeightReference.NONE | 如何摆放在地形上。NONE:使用绝对高度、CLAMP_TO_GROUND:贴在地形上、RELATIVE_TO_GROUND:相对地形抬高一定高度。 |
distanceDisplayCondition |
Cesium.DistanceDisplayCondition |
<optional> |
决定在某个相机视角高度范围内图元是否可见。 |
|
disableDepthTestDistance |
Number |
<optional> |
在某个相机视角高度下(例如10000米),禁用深度检测。当设置值为Number.POSITIVE_INFINITY时,深度检测被一直禁用。 |
# static MarkerStyle
Marker样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
labelPlaceType |
String |
<optional> |
'topCenter' | 文字相对图片位置,可选值:topLeft:靠上靠左,topCenter:靠上居中,topRight:靠上靠右, centerLeft:垂直居中靠左,center:垂直水平居中,centerRight:垂直居中靠右,bottomLeft:底部靠左,bottomCenter:底部居中, bottomRight:底部靠右,leftTop:左边靠上:leftCenter:左边居中,leftBottom:左边靠下,rightTop:右边靠上,rightCenter:右边居中, rightBottom:右边考下 |
labelPadding |
Number |
<optional> |
20 | label与billboard之间的间隔 |
offsetHeight |
Number |
<optional> |
0 | marker的离地高度 |
pixelOffset |
Cesium.Cartesian2 |
<optional> |
new Cesium.Cartesian2(0,0) | marker的像素偏移 |
disableDepthTestDistance |
Number |
<optional> |
在某个相机视角高度下(例如10000米),禁用深度检测。当设置值为Number.POSITIVE_INFINITY时,深度检测被一直禁用。 |
|
labelStyle |
Object |
<optional> |
label样式,详见 |
|
billboardStyle |
Object |
<optional> |
billboard样式,详见 |
# static ModelStyle
模型图元样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
color |
String | Cesium.Color |
<optional> |
Cesium.Color.WHITE | 颜色 |
url |
String |
<optional> |
gltf模型路径 |
|
scale |
Number |
<optional> |
模型缩放大小 |
|
minimumPixelSize |
Number |
<optional> |
0.0 | 最小尺寸(像素) |
maximumScale |
Number |
<optional> |
最大缩放尺寸 |
|
shadows |
ShadowMode |
<optional> |
ShadowMode.ENABLED | 光照阴影类型 |
colorBlendMode |
ColorBlendMode |
<optional> |
ColorBlendMode.HIGHLIGHT | 颜色混合类型,设置的color与模型如何混合渲染。 |
colorBlendAmount |
Number |
<optional> |
0.5 | 颜色混合强度,设置的color与模型混合的强度。 |
silhouetteColor |
Cesium.Color |
<optional> |
Cesium.Color.RED | 轮廓颜色 |
silhouetteSize |
Number |
<optional> |
0.0 | 轮廓宽度 |
distanceDisplayCondition |
Cesium.DistanceDisplayCondition |
<optional> |
随视距控制显示隐藏。 |
|
heightReference |
Number |
<optional> |
HeightReference.NONE | 位置高度相对地面模式。 |
materialType |
String |
<optional> |
'Color' | 材质类型 材质类型参见 |
depthTest |
Boolean |
<optional> |
true | 是否启用图元深度检测,设置成false为防止被地形遮挡 |
material |
Material |
<optional> |
材质 材质类型参见 |
|
flat |
Boolean |
<optional> |
false | 是否启用平坦渲染,即不考虑光照。 |
# static PointStyle
点样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
color |
Cesium.Color |
<optional> |
Cesium.Color.WHITE | 点填充颜色 |
outlineColor |
Cesium.Color |
<optional> |
Cesium.Color.TRANSPARENT | 点外边框颜色 |
pixelSize |
Number |
<optional> |
10 | 点的半径 |
offsetHeight |
Number |
<optional> |
0.0 | 点的离地高度 |
scaleByDistance |
Cesium.NearFarScalar |
<optional> |
点的比例随相机高度变化。用法详见 |
|
translucencyByDistance |
Cesium.NearFarScalar |
<optional> |
点的透明度随相机高度变化。用法详见 |
|
distanceDisplayCondition |
Cesium.DistanceDisplayCondition |
<optional> |
决定在某个相机视角高度范围内图元是否可见。 |
|
disableDepthTestDistance |
Number |
<optional> |
在某个相机视角高度下(例如10000米),禁用深度检测。当设置值为Number.POSITIVE_INFINITY时,深度检测被禁用。 |
# static PolygonStyle
面图元样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
color |
String | Cesium.Color |
<optional> |
Cesium.Color.SKYBLUE.withAlpha(0.7) | 颜色 |
stRotation |
Number |
<optional> |
0.0 | 填充图片是,图片的顺时针旋转角度(弧度值)。 |
extrudedHeight |
Number |
<optional> |
多边形体拉伸高度。为0时为区,不为0时为多边形体。 |
|
perPositionHeight |
Boolean |
<optional> |
false | 是否固定高度,为true时采用边界点的高度,为false时采用height高度。 |
offsetHeight |
Number |
<optional> |
0.0 | 多边形体离地高度。当perPositionHeight为false时生效。 |
closeTop |
Boolean |
<optional> |
true | 多边形(体)顶部是否闭合。(当定义extrudedHeight拉伸高度后生效) |
closeBottom |
Boolean |
<optional> |
true | 多边形体底部是否闭合。(当定义extrudedHeight拉伸高度后生效) |
arcType |
ArcType |
<optional> |
ArcType.GEODESIC | 多边形边界格式。大地GEODESIC或者恒向线RHUMB。 |
translucent |
Boolean |
<optional> |
false | 是否半透明 |
materialType |
String |
<optional> |
'Color' | 材质类型 材质类型参见 |
material |
Material |
<optional> |
材质 材质类型参见 |
|
depthTest |
Boolean |
<optional> |
是否启用图元深度检测,设置成false为防止被地形遮挡,不贴地二维图形默认关闭,三维图形默认开启。 |
|
classificationType |
Number |
<optional> |
是否贴地。贴地ClassificationType.TERRAIN,贴模型ClassificationType.CESIUM_3D_TILE,都贴ClassificationType.BOTH,都不贴undefined |
# static PolylineStyle
线图元样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
color |
String | Cesium.Color |
<optional> |
Cesium.Color.RED | 颜色 |
arcType |
ArcType |
<optional> |
ArcType.GEODESIC | 线边界格式。大地GEODESIC或者恒向线RHUMB。 |
width |
Number |
<optional> |
1.0 | 线段宽度. |
colorsArray |
Array.<Cesium.Color> |
<optional> |
线段插值颜色 |
|
colorsPerVertex |
Boolean |
<optional> |
是否开启线段颜色插值(贴地线无效),true为按照顶点渐变,false为线段分段着色。 |
|
translucent |
Boolean |
<optional> |
true | 是否半透明 |
loop |
Boolean |
<optional> |
false | 是否闭环 |
isHermiteSpline |
Boolean |
<optional> |
false | 是否样条插值曲线 |
classificationType |
Number |
<optional> |
是否贴地。贴地ClassificationType.TERRAIN,贴模型ClassificationType.CESIUM_3D_TILE,都贴ClassificationType.BOTH,都不贴undefined |
|
materialType |
String |
<optional> |
'Color' | 材质类型 材质类型参见 |
material |
Material |
<optional> |
材质 材质类型参见 |
|
depthTest |
Boolean |
<optional> |
false | 是否启用图元深度检测,设置成false为防止被地形遮挡 |
# static PolylineVolumeStyle
圆管线图元样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
color |
String | Cesium.Color |
<optional> |
Cesium.Color.RED | 颜色 |
arcType |
ArcType |
<optional> |
ArcType.GEODESIC | 多边形边界格式。大地GEODESIC或者恒向线RHUMB。 |
cornerType |
CornerType |
<optional> |
CornerType.ROUNDED | 折角类型 参见 |
width |
Number |
<optional> |
1.0 | 线段宽度. |
translucent |
Boolean |
<optional> |
true | 是否半透明 |
materialType |
String |
<optional> |
'Color' | 材质类型 材质类型参见 |
material |
Material |
<optional> |
材质 材质类型参见 |
|
depthTest |
Boolean |
<optional> |
true | 是否启用图元深度检测,设置成false为防止被地形遮挡 |
# static RectangleStyle
矩形面图元样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
stRotation |
Number |
<optional> |
0.0 | 多边形纹理顺时针旋转角度(弧度值)。 |
extrudedHeight |
Number |
<optional> |
多边形体拉伸高度。为0时为区,不为0时为多边形体。 |
|
rotation |
Number |
<optional> |
0.0 | 多边形顺时针旋转角度(弧度值)。 |
offsetHeight |
Number |
<optional> |
0.0 | 多边形体离地高度。 |
color |
String | Cesium.Color |
<optional> |
Cesium.Color.RED | 颜色 |
translucent |
Boolean |
<optional> |
true | 是否半透明 |
materialType |
String |
<optional> |
'Color' | 材质类型 材质类型参见 |
material |
Material |
<optional> |
材质 材质类型参见 |
|
depthTest |
Boolean |
<optional> |
是否启用图元深度检测,设置成false为防止被地形遮挡 |
# static RiverStyle
河流样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
image |
String |
<optional> |
MAPGIS_BASE_URL+'webclient-cesium-plugin-resource/assets/images/river3.jpg' | 河流图片 该图片资源必须使用2的次幂大小如:6464、512512 |
width |
Number |
<optional> |
1.0 | 河流宽度 |
height |
Number |
<optional> |
0.0 | 河流高度 |
heightReference |
Number |
<optional> |
0 | 高度模式 0:使用坐标点的绝对高度;1:固定高度模式,使用height做为高度值 |
offsetHeight |
Number |
<optional> |
0.0 | 河流高度偏移 |
alpha |
Number |
<optional> |
true | 河流透明度 |
speed |
Number |
<optional> |
10.0 | 流动速度 |
isLerpKeySpot |
Boolean |
<optional> |
false | 是否对关键点做插值 |
lerpPrecision |
Number |
<optional> |
2 | 插值精度(单位:米) 当插值精度小于河流宽度时会使用河流宽度做为插值精度 |
# static SphereStyle
圆球图元样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
radiusX |
Number |
<optional> |
半径x |
|
radiusY |
Number |
<optional> |
半径Y |
|
radiusZ |
Number |
<optional> |
半径Z |
|
innerRadiusX |
Number |
<optional> |
内半径x |
|
innerRadiusY |
Number |
<optional> |
内半径Y |
|
innerRadiusZ |
Number |
<optional> |
内半径Z |
|
height |
Number |
<optional> |
0 | 椭球距离地面抬高高度。 |
color |
String | Cesium.Color |
<optional> |
Cesium.Color.RED | 颜色 |
translucent |
Boolean |
<optional> |
true | 是否半透明 |
materialType |
String |
<optional> |
'Color' | 材质类型 材质类型参见 |
material |
Material |
<optional> |
材质 材质类型参见 |
|
depthTest |
Boolean |
<optional> |
true | 是否启用图元深度检测,设置成false为防止被地形遮挡 |
# static SquareStyle
正方形图元样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
color |
Cesium.Color |
<optional> |
Cesium.Color.SKYBLUE.withAlpha(0.7) | 颜色 |
stRotation |
Number |
<optional> |
0.0 | 填充图片时,图片的顺时针旋转角度(弧度值)。 |
extrudedHeight |
Number |
<optional> |
多边形体拉伸高度。为0时为区,不为0时为多边形体。 |
|
perPositionHeight |
Boolean |
<optional> |
false | 是否固定高度,为true时采用边界点的高度,为false时采用height高度。 |
height |
Number |
<optional> |
0.0 | 多边形体底面高度。当perPositionHeight为false时生效。 |
closeTop |
Boolean |
<optional> |
true | 多边形(体)顶部是否闭合。(当定义extrudedHeight拉伸高度后生效) |
closeBottom |
Boolean |
<optional> |
true | 多边形体底部是否闭合。(当定义extrudedHeight拉伸高度后生效) |
arcType |
ArcType |
<optional> |
ArcType.GEODESIC | 多边形边界格式。大地GEODESIC或者恒向线RHUMB。 |
translucent |
Boolean |
<optional> |
false | 是否半透明 |
materialType |
String |
<optional> |
'Color' | 材质类型 材质类型参见 |
material |
Material |
<optional> |
材质 材质类型参见 |
|
depthTest |
Boolean |
<optional> |
是否启用图元深度检测,设置成false为防止被地形遮挡,不贴地二维图形默认关闭,三维图形默认开启。 |
|
classificationType |
Number |
<optional> |
是否贴地。贴地ClassificationType.TERRAIN,贴模型ClassificationType.CESIUM_3D_TILE,都贴ClassificationType.BOTH,都不贴undefined |
# static styleType
样式类型 与图元类型一致,参见Graphic.graphicType
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
point |
String |
<optional> |
'point' | 点,类型(type)为point时样式参数参照 |
label |
String |
<optional> |
'label' | 文本,类型(type)为label时样式参数参照 |
billboard |
String |
<optional> |
'billboard' | 广告牌,图标类型(type)为billboard时样式参数参照 |
polyline |
String |
<optional> |
'polyline' | 线,图标类型(type)为polyline时样式参数参照 |
polylineVolume |
String |
<optional> |
'polylineVolume' | 圆管线,图标类型(type)为polylineVolume时样式参数参照 |
polygon |
String |
<optional> |
'polygon' | 面(区),图标类型(type)为polygon时样式参数参照 |
rectangle |
String |
<optional> |
'rectangle' | 矩形,图标类型(type)为rectangle时样式参数参照 |
circle |
String |
<optional> |
'circle' | 圆,图标类型(type)为circle时样式参数参照 |
corridor |
String |
<optional> |
'corridor' | 方管线,图标类型(type)为corridor时样式参数参照 |
cylinder |
String |
<optional> |
'cylinder' | 圆台(圆锥),图标类型(type)为cylinder时样式参数参照 |
ellipsoid |
String |
<optional> |
'ellipsoid' | 椭球,图标类型(type)为ellipsoid时样式参数参照 |
sphere |
String |
<optional> |
'sphere' | 圆球,图标类型(type)为sphere时样式参数参照 |
wall |
String |
<optional> |
'wall' | 墙,图标类型(type)为wall时样式参数参照 |
box |
String |
<optional> |
'box' | 盒子,类型(type)为box时样式参数参照 |
model |
String |
<optional> |
'model' | gltf模型,类型(type)为model时样式参数参照 |
# static WallStyle
墙图元样式
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
color |
String | Cesium.Color |
<optional> |
Cesium.Color.RED | 颜色 |
extrudedHeight |
Number |
<optional> |
100 | 墙拉伸高度。 |
height |
Number |
<optional> |
墙距离地面抬高高度。默认不设置采用坐标点的高度 |
|
translucent |
Boolean |
<optional> |
true | 是否半透明 |
loop |
Boolean |
<optional> |
false | 是否闭环 |
materialType |
String |
<optional> |
'Color' | 材质类型 材质类型参见 |
material |
Material |
<optional> |
材质 材质类型参见 |
|
depthTest |
Boolean |
<optional> |
true | 是否启用图元深度检测,设置成false为防止被地形遮挡 |