共计 2728 个字符，预计需要花费 7 分钟才能阅读完成。
地图中最重要的元素是线条，起到很好的指导作用，用户的眼睛依照线条变动走动，实现交互成果。ThingJS 的地图搭建工具 Citybuilder 疾速实现 3D 渲染，让你的体验更好。
空间数据在地图上以图层（Layer) 的模式出现，图层通过符号和标注来出现数据。图层能够是不同类型的内容模式，例如点、线、面、栅格、图片等内容。
线条定义为由画笔绘进去的标记，或两个对象或元素相交处创立的线条。它定义了绘画的主题，并帮忙咱们暗示事物的静止。
什么是 ” 线 ”？瑞士驰名艺术家保罗克利（1879-1940）给出了迄今为止最好的形容：:“用一根线条去漫步, 一根线条能够成为一幅画中的重要因素之一。它能够有他本人的一种生命, 一种表现力, 以及它本人的个性特征。”它是如此实在的陈说和一点智慧，激发了几代人对艺术的谋求。然而，咱们必须变得更正式一点。线条是简直每一件艺术作品所依赖的最根本的设计工具。线条有长度、宽度、音调和纹理。它能够划分空间，定义模式，形容轮廓，或倡议方向。你能够在每种艺术中找到一条直线。当然，还有线条画，甚至最形象的绘画也是以线条为根底的。没有线条，形态不能被留神到，纹理不能被发现，音调不能减少深度。当然，你所做的每一个标记都是一行，只有它不是一个点。一组线（或点）能够做成一个形态，一系列线（或点）能够做成一个图案。
GeoLine 是带有地理位置（coordinates）的线因素，也能够增加属性字段（userdata）以存储其余信息。
GeoLine 的款式，按线的形态，可分为：像素线（Line）、管状线（PipeLine）、片状线（Plane）；按渲染类型，可分为：矢量渲染（vector）和贴图渲染（image）
上面别离讲一下不同的线因素类型，是如何实现其款式的。
像素线（Line）
vectorvar geoLine = app.create({typenamecoordinates ],renderer lineType type color }}); 参数阐明 lineType :’Line’type : 'vector'color : opacity : speed : effect : Imagerenderer lineType type imageUrl numPass speed }参数阐明
· lineType :’Line’代表 线的形态类型为 像素线
· type : ‘image’ 代表 线渲染类型为贴图渲染
· imageUrl : 应用贴图的 url 地址
· numPass : 贴图通道叠加数（默认为 1）一般来说该数值越大，线越亮
· speed : 设置流动成果速度，默认是 0（不流动），speed 可正可负，正负代表流动方向
· effect : 设置是否开启线发光成果，默认为 false（不开启发光特效）
管状线（PipeLine）
图 9.5 管状线效果图
type name coordinates renderer lineType type width color });renderer 参数中：
· lineType：’Pipe’代表 线的形态类型为 管状线
· type：’vector’ 代表 线渲染类型为矢量纯色渲染
· width：设置管线的半径（单位为米）
· color：设置线的色彩，可为 rgb 数组（[255,0,0]）、rgb 字符串（’rgb(255,0,0)’）、十六进制字符串（‘#ff0000’）
· opacity：设置线的不透明度，默认是 1
· effect：设置是否开启线发光成果，默认为 false（不开启发光特效）
注意事项
留神：矢量纯色渲染的管状线暂不反对设置 speed（即展现流动成果）
片状线
图 9.6 片状线效果图
type name coordinates renderer lineType type width color });renderer 参数中：
· lineType：’Plane’代表 线的形态类型为 片状线
· type：’vector’ 代表 线渲染类型为矢量纯色渲染
· width：设置线宽（单位为像素）
· color：设置线的色彩，可为 rgb 数组（[255,0,0]）、rgb 字符串（’rgb(255,0,0)’）、十六进制字符串（‘#ff0000’）
· opacity：设置线的不透明度，默认是 1
· speed：设置流动成果速度，默认是 0（不流动），speed 可正可负，正负代表流动方向
· effect：设置是否开启线发光成果，默认为 false（不开启发光特效）
Image 款式
typenamecoordinates[116.36808335781097, 39.90337231918103],[116.37653768062592, 39.90334351388183],[116.38541042804717, 39.90359864611045],[116.3970512151718, 39.903997802691165],[116.40042006969452, 39.904104792719636],[116.40524268150331, 39.90425293248321],[116.41170680522919, 39.90442987678102]],rendererlineTypetypewidthimageUrlnumPassspeed// effect: true // }});renderer 参数中：
· lineType：’Plane’代表 线的形态类型为 像素线
· ype：’image’ 代表 线渲染类型为贴图渲染
· imageUrl：应用贴图的 url 地址
· width：设置线宽（单位为像素）
· numPass：贴图通道叠加数（默认为 1）一般来说该数值越大，线越亮
· speed：设置流动成果速度，默认是 0（不流动），speed 可正可负，正负代表流动方向
· effect：设置是否开启线发光成果，默认为 false（不开启发光特效）
以上就是 ThingJS 之 Citybuilder 三种地理位置线条的设置办法。
疾速实现地图场景搭建，就选 CityBuilder 工具，ThingJS 的城市场景专家！
