MaterialType

MaterialType()

材质 类型枚举

使用示例:
//Entity矢量对象
let graphic = new mars3d.graphic.PolylineEntity({
  positions: [
    [117.169646, 31.769171],
    [117.194579, 31.806466],
  ],
  style: {
    width: 5,
    material: mars3d.MaterialUtil.createMaterialProperty(mars3d.MaterialType.LineFlow, {
      color: '#00ff00',
      image: 'img/textures/line-pulse.png',
      speed: 5,
    }),
  },
})
graphicLayer.addGraphic(graphic)

//Primitive矢量对象
var primitive = new mars3d.graphic.PolylinePrimitive({
  positions: [
    [117.348938, 31.805369, 7.63],
    [117.429496, 31.786715, 8.41],
  ],
  style: {
    width: 5,
    material: mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.LineFlow, {
      color: '#1a9850',
      image: 'img/textures/line-arrow.png',
      speed: 10,
    }),
  },
})
graphicLayer.addGraphic(primitive)

成员(属性)

static constant mars3d.MaterialType.Checkerboard : string

面状:棋盘

属性:
属性名称 类型 可选 默认值 描述信息
evenColor Cesium.Color <可选>
Cesium.Color.WHITE

主色

oddColor Cesium.Color <可选>
Cesium.Color.BLACK

衬色,棋盘中另外一个颜色

repeat Cesium.Cartesian2 <可选>
new Cesium.Cartesian2(2.0, 2.0)

数量,在每个方向重复的次数

参考:
  • Cesium.Material.CheckerboardType
  • Cesium.CheckerboardMaterialProperty

static constant mars3d.MaterialType.CircleScan : string

圆形: 扫描半径

属性:
属性名称 类型 可选 默认值 描述信息
image string

扫描图片URL地址

color Cesium.Color <可选>
new Cesium.Color(1.0, 0.0, 0.0, 1.0)

颜色

参考:

static constant mars3d.MaterialType.CircleWave : string

圆形: 波纹扩散

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
new Cesium.Color(1.0, 1.0, 0.0, 1.0)

颜色

speed number <可选>
10

速度,值越大越快

count number <可选>
1

圆圈个数

gradient number <可选>
0.1

透明度的幂方(0-1),0表示无虚化效果,1表示虚化成均匀渐变

参考:

static constant mars3d.MaterialType.Color : string

通用:纯色颜色 ,也是默认的材质

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
Cesium.Color.WHITE

颜色

参考:
  • Cesium.Material.ColorType
  • Cesium.ColorMaterialProperty

static constant mars3d.MaterialType.CylinderWave : string

圆锥: 条纹扩散

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
new Cesium.Color(2, 1, 0.0, 0.8)

颜色

repeat number <可选>
30

圈数量

thickness number <可选>
0.3

圈的宽度比例

speed number <可选>
10

速度,值越大越快

参考:

static constant mars3d.MaterialType.DigitalFlow : string

数字流动线数字 材质(可用于PlanePrimitive)

属性:
属性名称 类型 可选 默认值 描述信息
image string

背景图片URL

color Cesium.Color <可选>
new Cesium.Color(1, 0, 0, 1.0)

背景图片颜色

speed number <可选>
10

速度,值越大越快

glow number <可选>
10.0

高亮强度

flowGlow number <可选>
1.0

流动高亮强度

segment number <可选>
3.0

分段数

参考:

static constant mars3d.MaterialType.EllipsoidElectric : string

球体: 电弧球体

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
new Cesium.Color(0.0, 1.0, 1.0, 0.7)

颜色

speed number <可选>
5.0

速度,值越大越快

参考:

static constant mars3d.MaterialType.EllipsoidWave : string

球体: 波纹球体

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
new Cesium.Color(0.0, 1.0, 1.0, 0.7)

颜色

speed number <可选>
5.0

速度,值越大越快

参考:

static constant mars3d.MaterialType.Grid : string

面状:网格

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
Cesium.Color.WHITE

网格颜色

cellAlpha number <可选>
0.1

填充透明度

lineCount Cesium.Cartesian2 <可选>
new Cesium.Cartesian2(8, 8)

网格线的数量

lineThickness Cesium.Cartesian2 <可选>
new Cesium.Cartesian2(1.0, 1.0)

网格宽度

lineOffset Cesium.Cartesian2 <可选>
new Cesium.Cartesian2(0.0, 0.0)

偏移量,沿每个轴的起始偏移量

参考:
  • Cesium.Material.GridType
  • Cesium.GridMaterialProperty

static constant mars3d.MaterialType.Image : string

面状:图片

属性:
属性名称 类型 可选 默认值 描述信息
image string | HTMLImageElement | HTMLCanvasElement | HTMLVideoElement

图片对象或图片地址

repeat Cesium.Cartesian2 <可选>
new Cesium.Cartesian2(1.0, 1.0)

指定图像在每个方向上重复的次数

color Cesium.Color <可选>
Cesium.Color.WHITE

应用于图像的颜色,也可以使用白色来控制透明度

transparent boolean <可选>
false

当图像具有透明度时设置为true (例如当png具有透明部分时)

参考:
  • Cesium.Material.ImageType
  • Cesium.ImageMaterialProperty

static constant mars3d.MaterialType.Image2 : string

面状:图片2 (没有加载完成前的白色闪烁,但也不支持纯白色的图片)

属性:
属性名称 类型 可选 默认值 描述信息
image string | HTMLImageElement | HTMLCanvasElement | HTMLVideoElement

图片对象或图片地址

opacity number <可选>
1.0

透明度

color Cesium.Color <可选>
Cesium.Color.WHITE

颜色

speed number <可选>
0

不为0时呈现图片滚动效果,数字代表滚动速度

flipx boolean <可选>
false

是否X方向翻转图片

flipy boolean <可选>
false

是否Y方向翻转图片

repeat Cesium.Cartesian2 <可选>
new Cesium.Cartesian2(1.0, 1.0)

指定图像在每个方向上重复的次数

noWhite boolean <可选>
true

是否不显示白色,true时没有加载完成前的白色闪烁,但也不支持纯白色的图片

参考:

static constant mars3d.MaterialType.LineBloom : string

线状: 泛光线

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
Cesium.Color.ORANGE

泛光颜色

glow number <可选>
1.0

泛光强度

speed number <可选>
5.0

速度,值越大越快

参考:

static constant mars3d.MaterialType.LineCross : string

线状: 十字形间隔线

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
Cesium.Color.WHITE

线颜色

dashLength number <可选>
64.0

十字长度,以像素为单位

maskLength number <可选>
9.0

空隙间隔长度

centerPower number <可选>
0.1

中心百分比

dashPower number <可选>
0.1

虚线百分比

dashPattern number <可选>
255.0

指定的16位模式

参考:

static constant mars3d.MaterialType.LineDotDash : string

线:点划线虚线

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
Cesium.Color.WHITE

颜色

gapColor Cesium.Color <可选>
Cesium.Color.TRANSPARENT

虚线间隔颜色,默认为透明

dashLength number <可选>
16.0

虚线间隔长度,以像素为单位

dashPattern number <可选>
255.0

指定的16位模式

参考:

static constant mars3d.MaterialType.LineFlicker : string

线状: 闪烁线

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
new Cesium.Color(1.0, 0.0, 0.0, 0.7)

线颜色

speed number <可选>
10

速度,值越大越快

参考:

static constant mars3d.MaterialType.LineFlow : string

线状: 流动图片(适用于线和墙)

属性:
属性名称 类型 可选 默认值 描述信息
image string

背景图片URL

color Cesium.Color <可选>
new Cesium.Color(1, 0, 0, 1.0)

背景图片颜色

repeat Cesium.Cartesian2 <可选>
new Cesium.Cartesian2(1.0, 1.0)

横纵方向重复次数

speed number <可选>
10

速度,值越大越快

axisY boolean <可选>
false

是否Y轴朝上

mixt boolean <可选>
false

默认为color颜色,true时color颜色与图片颜色混合

hasImage2 boolean <可选>
false

是否有2张图片的混合模式

image2 string <可选>
Cesium.Material.DefaultImageId

第2张背景图片URL地址

color2 Cesium.Color <可选>
new Cesium.Color(1, 1, 1)

第2张背景图片颜色

参考:

static constant mars3d.MaterialType.LineFlowColor : string

线状: 流动颜色

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
new Cesium.Color(1, 0, 0, 1.0)

颜色

speed number <可选>
2

速度,值越大越快

percent number <可选>
0.04

比例

alpha number <可选>
0.1

透明程度 0.0-1.0

startTime number <可选>
0

开始的时间

参考:

static constant mars3d.MaterialType.LineThreeDash : string

线状: 三条平行虚线

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
Cesium.Color.RED

中心线颜色

dashLength number <可选>
16.0

中心线虚线间隔长度,以像素为单位

widthRatio number <可选>
0.1

中心线百分比

sidesColor Cesium.Color <可选>
Cesium.Color.WHITE

外侧线颜色

sidesDashLength number <可选>
32

外侧线长度

sidesWidthRatio number <可选>
0.1

外侧线百分比

dashPattern number <可选>
255.0

指定的16位模式

参考:

static constant mars3d.MaterialType.LineTrail : string

线状: 轨迹线

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
new Cesium.Color(1.0, 0.0, 0.0, 0.7)

线颜色

speed number <可选>
5.0

速度,值越大越快

参考:

static constant mars3d.MaterialType.NeonLight : string

面状: 霓虹灯材质

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
new Cesium.Color(2, 1, 0.0, 0.8)

颜色

repeat number <可选>
30

圈数量

frameRate number <可选>
60

每秒刷新次数

参考:

static constant mars3d.MaterialType.ODLine : string

线状: OD线

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
new Cesium.Color(1, 0, 0, 1.0)

运动对象的颜色

bgColor Cesium.Color <可选>

线的背景颜色

speed number <可选>
20

速度,值越大越快

startTime number <可选>
0

开始的时间

bidirectional number <可选>
0

运行形式,可选值:0 正向运动 1 反向运动 2 双向运动

参考:

static constant mars3d.MaterialType.PolyAsphalt : string

面状: 柏油路面效果

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
new Cesium.Color(0.15, 0.15, 0.15, 1.0)

沥青的颜色

size number <可选>
0.02

块大小

frequency number <可选>
0.2

粗糙度

参考:

static constant mars3d.MaterialType.PolyBlob : string

面状:混合

属性:
属性名称 类型 可选 默认值 描述信息
evenColor Cesium.Color <可选>
new Cesium.Color(1.0, 1.0, 1.0, 0.5)

浅色的颜色

oddColor Cesium.Color <可选>
new Cesium.Color(0.0, 0.0, 1.0, 0.5)

深色的颜色

frequency number <可选>
10.0

频率

参考:

static constant mars3d.MaterialType.PolyFacet : string

面状:碎石面

属性:
属性名称 类型 可选 默认值 描述信息
evenColor Cesium.Color <可选>
new Cesium.Color(0.25, 0.25, 0.25, 0.75)

浅色的颜色

oddColor Cesium.Color <可选>
new Cesium.Color(0.75, 0.75, 0.75, 0.75)

深色的颜色

frequency number <可选>
10.0

频率

参考:

static constant mars3d.MaterialType.PolyGradient : string

面状: 渐变面

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
new Cesium.Color(1.0, 1.0, 0.0, 0.5)

颜色

alphaPower number <可选>
1.5

透明度系数

diffusePower number <可选>
1.6

漫射系数

center Cesium.Cartesian2 <可选>
new Cesium.Cartesian2(0.5, 0.5)

渐变位置,默认在中心

参考:

static constant mars3d.MaterialType.PolyGrass : string

面状:草地面

属性:
属性名称 类型 可选 默认值 描述信息
evenColor Cesium.Color <可选>
new Cesium.Color(0.25, 0.4, 0.1, 1.0)

草地的颜色

oddColor Cesium.Color <可选>
new Cesium.Color(0.1, 0.1, 0.1, 1.0)

泥土的颜色

frequency number <可选>
1.5

斑块分布

参考:

static constant mars3d.MaterialType.PolylineArrow : string

线:箭头

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
Cesium.Color.WHITE

颜色

参考:
  • Cesium.Material.PolylineArrowType
  • Cesium.PolylineArrowMaterialProperty

static constant mars3d.MaterialType.PolylineDash : string

线:虚线(等长度虚线间隔)

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
Cesium.Color.WHITE

颜色

gapColor Cesium.Color <可选>
Cesium.Color.TRANSPARENT

虚线间隔颜色,默认为透明

dashLength number <可选>
16.0

虚线间隔长度,以像素为单位

dashPattern number <可选>
255.0

指定的16位模式

参考:
  • Cesium.Material.PolylineDashType
  • Cesium.PolylineDashMaterialProperty

static constant mars3d.MaterialType.PolylineGlow : string

线:高亮线

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
Cesium.Color.WHITE

颜色

glowPower number <可选>
0.25

高亮强度,占总线宽的百分比表示。

taperPower number <可选>
1.0

渐变效果强度,占总行长的百分比表示。如果1.0或更高,则不使用锥度效应。

参考:
  • Cesium.Material.PolylineGlowType
  • Cesium.PolylineGlowMaterialProperty

static constant mars3d.MaterialType.PolylineOutline : string

线:衬色线

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
Cesium.Color.WHITE

主颜色

outlineColor Cesium.Color <可选>
Cesium.Color.BLACK

衬色颜色

outlineWidth number <可选>
1.0

衬色宽度,以像素为单位

参考:
  • Cesium.Material.PolylineOutlineType
  • Cesium.PolylineOutlineMaterialProperty

static constant mars3d.MaterialType.PolyWood : string

面状:木材面

属性:
属性名称 类型 可选 默认值 描述信息
evenColor Cesium.Color <可选>
new Cesium.Color(0.6, 0.3, 0.1, 1.0)

浅色的颜色

oddColor Cesium.Color <可选>
new Cesium.Color(0.4, 0.2, 0.07, 1.0)

深色的颜色

frequency number <可选>
3.0

环频率

noiseScale Cesium.Cartesian2 <可选>
new Cesium.Cartesian2(0.7, 0.5)

噪波比例

grainFrequency number <可选>
27.0

颗粒的频率

参考:

static constant mars3d.MaterialType.RadarLine : string

圆形: 雷达线 (圆+旋转半径线)

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
new Cesium.Color(0.0, 1.0, 1.0, 0.7)

颜色

speed number <可选>
5.0

速度,值越大越快

参考:

static constant mars3d.MaterialType.RadarWave : string

圆形: 波纹雷达扫描

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
new Cesium.Color(0.0, 1.0, 1.0, 0.7)

颜色

speed number <可选>
5.0

速度,值越大越快

参考:

static constant mars3d.MaterialType.RectSlide : string

矩形面: 轮播图

属性:
属性名称 类型 可选 默认值 描述信息
image string

图片URL

color Cesium.Color <可选>
Cesium.Color.WHITE

颜色和透明度

speed number <可选>
10

速度,值越大越快

pure boolean <可选>
false

是否纯色

参考:

static constant mars3d.MaterialType.ScanLine : string

圆形: 放大扩散线

属性:
属性名称 类型 可选 默认值 描述信息
color Cesium.Color <可选>
new Cesium.Color(1.0, 1.0, 0.0, 1.0)

扫描线颜色

speed number <可选>
10

扫描速度,值越大越快

参考:

static constant mars3d.MaterialType.Stripe : string

面状:条纹

属性:
属性名称 类型 可选 默认值 描述信息
evenColor Cesium.Color <可选>
Cesium.Color.WHITE

主色

oddColor Cesium.Color <可选>
Cesium.Color.BLACK

衬色,条纹中另外一个颜色

repeat number <可选>
1

数量,条纹重复的次数

orientation Cesium.StripeOrientation <可选>
Cesium.StripeOrientation.HORIZONTAL

条纹方向,横向还是纵向

offset number <可选>
0

起始位置

参考:
  • Cesium.Material.StripeType
  • Cesium.StripeMaterialProperty

static constant mars3d.MaterialType.Text : string

面状: 文字贴图

属性:
属性名称 类型 可选 默认值 描述信息
text string

文本内容

font_family string <可选>
"楷体"

字体, 可选项:微软雅黑,宋体,楷体,隶书,黑体 等

font_size number <可选>
30

字体大小

font_weight string <可选>
"normal"

是否加粗, 可选项:bold (解释:是),normal (解释:否)

font_style string <可选>
"normal"

是否斜体, 可选项:italic (解释:是),normal (解释:否)

font string <可选>
'30px normal normal 楷体'

上叙4个属性的一次性指定CSS字体的属性

color string | Cesium.Color <可选>
new Cesium.Color(1.0, 1.0, 0.0, 1.0)

文本颜色

stroke boolean <可选>
true

是否描边文本

strokeColor string | Cesium.Color <可选>
new Cesium.Color(1.0, 1.0, 1.0, 0.8)

描边的颜色

strokeWidth number <可选>
2

描边的宽度

outlineWidth number <可选>

边框的宽度。

outlineColor string | Cesium.Color <可选>
color

矩形边框的颜色。

background boolean <可选>
false

是否背景色。

backgroundColor string | Cesium.Color <可选>
new Cesium.Color(1.0, 1.0, 1.0, 0.1)

画布的背景色

padding number <可选>
10

要在文本周围添加的填充的像素大小

textBaseline string <可选>
'top'

文本的基线

speed number <可选>
0

不为0时呈现文字滚动效果,数字代表滚动速度

参考:

static constant mars3d.MaterialType.WallScroll : string

墙体: 走马灯效果

属性:
属性名称 类型 可选 默认值 描述信息
image string <可选>
Cesium.Material.DefaultImageId

背景图片URL

color Cesium.Color <可选>
new Cesium.Color(1.0, 0.0, 0.0, 0.7)

颜色

count number <可选>
1

数量

speed number <可选>
5.0

速度,值越大越快

reverse boolean <可选>
false

方向往上,false是往下,true是往上

bloom boolean <可选>
false

是否泛光

axisY boolean <可选>
false

是否Y轴朝上

参考:

static constant mars3d.MaterialType.Water : string

面状:水面材质

属性:
属性名称 类型 可选 默认值 描述信息
specularMap string

图片路径,镜面反射纹理材质图片

normalMap string <可选>
Cesium.Material.DefaultImageId

图片路径,水正常扰动的法线图材质图片

baseWaterColor Cesium.Color <可选>
new Cesium.Color(0.2, 0.3, 0.6, 1.0)

基础颜色

blendColor Cesium.Color <可选>
new Cesium.Color(0.0, 1.0, 0.699, 1.0)

混合颜色,从水中混合到非水域时使用的rgba颜色对象

frequency number <可选>
100

波数

animationSpeed number <可选>
0.01

动画速度

amplitude number <可选>
10

水波振幅

specularIntensity number <可选>
0.5

镜面反射强度

fadeFactor number <可选>
1.0

衰减因子

参考:

static constant mars3d.MaterialType.WaterLight : string

面状:带蓝色光线波纹的水面材质

属性:
属性名称 类型 可选 默认值 描述信息
specularMap string

图片路径,镜面反射纹理材质图片

normalMap string <可选>
Cesium.Material.DefaultImageId

图片路径,水正常扰动的法线图材质图片

alpha number <可选>
0.2

透明度

参考: