MaterialType
查阅Cesium API

MaterialType()
const/MaterialType.js 1

材质 类型枚举

使用示例:
//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
const/MaterialType.js 398

面状：棋盘

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 603

圆形: 扫描半径

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

扫描图片URL地址
color Cesium.Color <可选>
 new Cesium.Color(1.0, 0.0, 0.0, 1.0)

颜色
参考:

static constant mars3d.MaterialType.CircleWave : string
const/MaterialType.js 619

圆形: 波纹扩散

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 54

通用：纯色颜色 ，也是默认的材质

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

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

static constant mars3d.MaterialType.CylinderWave : string
const/MaterialType.js 665

圆锥: 条纹扩散

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 244

数字流动线数字 材质(可用于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
const/MaterialType.js 680

球体: 电弧球体

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

颜色
speed number <可选>
 5.0

速度，值越大越快
参考:

static constant mars3d.MaterialType.EllipsoidWave : string
const/MaterialType.js 694

球体: 波纹球体

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

颜色
speed number <可选>
 5.0

速度，值越大越快
参考:

static constant mars3d.MaterialType.Grid : string
const/MaterialType.js 384

面状：网格

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 320

面状：图片

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 339

面状：图片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
const/MaterialType.js 226

线状: 泛光线

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

泛光颜色
glow number <可选>
 1.0

泛光强度
speed number <可选>
 5.0

速度，值越大越快
参考:

static constant mars3d.MaterialType.LineCross : string
const/MaterialType.js 281

线状: 十字形间隔线

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 86

线：点划线虚线

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 197

线状: 闪烁线

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

线颜色
speed number <可选>
 10

速度，值越大越快
参考:

static constant mars3d.MaterialType.LineFlow : string
const/MaterialType.js 149

线状: 流动图片（适用于线和墙）

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 166

线状: 流动颜色

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 263

线状: 三条平行虚线

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 211

线状: 轨迹线

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

线颜色
speed number <可选>
 5.0

速度，值越大越快
参考:

static constant mars3d.MaterialType.NeonLight : string
const/MaterialType.js 520

面状: 霓虹灯材质

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

颜色
repeat number <可选>
 30

圈数量
frameRate number <可选>
 60

每秒刷新次数
参考:

static constant mars3d.MaterialType.ODLine : string
const/MaterialType.js 183

线状: 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
const/MaterialType.js 444

面状： 柏油路面效果

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 458

面状：混合

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 473

面状：碎石面

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 430

面状： 渐变面

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

颜色
alphaPower number <可选>
 1.5

透明度系数
diffusePower number <可选>
 1.6

漫射系数
isInner boolean <可选>
 false

渐变方向， true向内、false外向
center Cesium.Cartesian2 <可选>
 new Cesium.Cartesian2(0.5, 0.5)

渐变位置，默认在中心
参考:

static constant mars3d.MaterialType.PolyGrass : string
const/MaterialType.js 488

面状：草地面

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 113

线：箭头

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

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

static constant mars3d.MaterialType.PolylineDash : string
const/MaterialType.js 71

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

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 128

线：高亮线

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 101

线：衬色线

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 505

面状：木材面

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 633

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

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

颜色
speed number <可选>
 5.0

速度，值越大越快
参考:

static constant mars3d.MaterialType.RadarWave : string
const/MaterialType.js 647

圆形: 波纹雷达扫描

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

颜色
speed number <可选>
 5.0

速度，值越大越快
参考:

static constant mars3d.MaterialType.RectSlide : string
const/MaterialType.js 573

矩形面： 轮播图

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

图片URL
color Cesium.Color <可选>
 Cesium.Color.WHITE

颜色和透明度
speed number <可选>
 10

速度，值越大越快
pure boolean <可选>
 false

是否纯色
参考:

static constant mars3d.MaterialType.ScanLine : string
const/MaterialType.js 589

圆形: 放大扩散线

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

扫描线颜色
speed number <可选>
 10

扫描速度，值越大越快
参考:

static constant mars3d.MaterialType.Stripe : string
const/MaterialType.js 414

面状：条纹

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 368

面状: 文字贴图

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 303

墙体: 走马灯效果

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 540

面状：水面材质

属性:
属性名称 类型 可选 默认值 描述信息
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
const/MaterialType.js 555

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

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

图片路径，镜面反射纹理材质图片
normalMap string <可选>
 Cesium.Material.DefaultImageId

图片路径，水正常扰动的法线图材质图片
alpha number <可选>
 0.2

透明度
参考: