当前位置: 首页 > 文档资料 > ThingJS 文档中心 >

Class: GeoLineRenderer

优质
小牛编辑
130浏览
2023-12-01

CMAP~ GeoLineRenderer

GeoLine样式类


new GeoLineRenderer(object, param)

构造函数

Parameters:
NameTypeDescription
objectObject

使用样式的主体 可以是GeoLine也可以是geometryType为GeoLine的FeatureLayer

paramObject

参数列表

Properties
NameTypeDescription
typeString

线的类型 type有vector(纯色)和image(贴图)两种

lineTypeString

GeoLine的线的类型 支持Line(宽度为1个像素),Pipe(管状线),Plane(片状线,可以设置宽度,宽度不随距离远近变化,像素级) Route(道路线,宽度代表实际距离)

imageUrlString

type=image 贴图url

widthNumber

线宽度

sizeAttenuationBoolean

lineType为Plane时 线宽度是否代表实际像素大小 默认false

speedNumber

流动速度 默认0

effectBoolean

是否开启特效 默认false

colorString | Array | Number

type=vector 线填充色(rgba数组) 默认白色

opacityArray

线不透明度 默认1

uvRatioArray

贴图在x轴和y轴的重复次数 默认[1,1]

blendingBoolean

设置线的混色,type为image 默认为true type为vector 默认false

textureWrapNumber

当type=image时生效 贴图循环方式 CMAP.TextureWrapMode.Stretch 拉伸,CMAP.TextureWrapMode.Repeat 平铺

textureSizeNumber

type=image 且textureWrap为CMAP.TextureWrapMode.Repeat时生效 含义为贴图代表的实际距离(单位:米) 默认1

growSpeedNumber

线生长速度,默认是0,不生长

growLoopBoolean

线生长是否循环,默认是THING.LoopType.Repeat 循环生长

Members


blending :Boolean

设置线的混色,type为image 默认为true type为vector 默认false

Type:
  • Boolean
Example
geoItem.renderer.blending = true; //设置线的叠加混色

color :String|Array|Number

type=vector时 线填充颜色(rgb) 默认是[255,0,0]

Type:
  • String | Array | Number
Example
geoLine.renderer.type = 'vector';geoLine.renderer.color = 'rgb(255,0,0)'; //线填充颜色设为红色 仅当type=vector时生效

colorMapping :Object

设置线渐变色填充

Type:
  • Object
Example
geoItem.renderer.colorMapping = {'0':'rgb(255,0,0)', '0.5':'rgb(0,255,0)', '1.0':'rgb(0,0,255)'};

effect :Boolean

是否开启发光特效

Type:
  • Boolean
Example
geoLine.renderer.effect = true; //线开启发光特效

glowStrength :Number

设置发光强度,前提是开启了effect

Type:
  • Number
Example
building.renderer.glowStrength = 1.0;

growLoop :Boolean

线生长是否循环

Type:
  • Boolean
Example
geoLine.renderer.growLoop = THING.LoopType.Repeat; //设置线循环生长

growSpeed :Number

线的生长速度

Type:
  • Number
Example
geoLine.renderer.growSpeed = 1; //线生长速度1

imageUrl :String

type=image时 贴图url

Type:
  • String
Example
geoLine.renderer.type = 'image';//线的类型设为image(贴图)geoLine.renderer.imageUrl = 'example.com/1.png'; //线的贴图url设为'example.com/1.png' 仅当type=vector时生效

lineType :String

线的形状 有Line(宽度为1个像素的像素线),Plane(可设置宽度的像素线),Pipe(管状线),Route(道路线)四种

Type:
  • String
Example
geoLine.renderer.lineType = 'Plane'; //线的形状设为Plane(可设置宽度的像素线)geoLine.renderer.lineType = 'Line'; //线的形状设为Line(一个像素的线)geoLine.renderer.lineType = 'Pipe'; //线的形状设为Pipe(管状线,宽度单位是实际大小)geoLine.renderer.lineType = 'Route'; //线的形状设为Route(道路线,宽度单位是实际大小)

opacity :Number

填充色不透明度

Type:
  • Number
Example
geoItem.renderer.opacity = 1; //将不透明度设置为1

sizeAttenuation :Boolean

lineType为Plane时 线宽度是否代表实际像素大小 默认false

Type:
  • Boolean
Example
geoItem.renderer.sizeAttenuation = true; //设置线宽度代表实际像素大小

speed :Number

流动速度

Type:
  • Number
Example
geoLine.renderer.speed = 2; //线的流动速度设为2

textureWrap :String

贴图模式

Type:
  • String
Example
geoLine.renderer.textureWrap = 'stretch';

type :String

线的类型 type有vector(纯色)和image(贴图)两种

Type:
  • String
Example
geoLine.renderer.type = 'vector'; //线的类型设为vector(纯色)geoLine.renderer.type = 'image'; //线的类型设为image(贴图)

uvRatio :Array

贴图在x轴和y轴的重复次数

Type:
  • Array

width :Number

线宽度 如果lineType=Plane 代表像素宽度(pix) lineType=Pipe 代表实际宽度(米) lineType=Line 不生效

Type:
  • Number
Example
geoLine.renderer.lineType = 'Plane';geoLine.renderer.width = 10; //线的宽度设为10