本文共 922 字，大约阅读时间需要 3 分钟。

LGL

前言：在前端三维使用线型对象时，普通线性是不能满足所有需求的，经常需要添加特殊线性来实现效果，因此本篇博客来具体讲讲超图实现特殊线性的方法。

一、数据处理

在WebGL中实现特效线效果主要的方法是设置实体的材质，这种方法在网上已有很多，本篇介绍使用超图的线性缓存如何设置特效线效果。

（一）绘制三维线

1、新建三维线数据集，设置坐标系

2、点击对象绘制绘制线数据

（二）生成缓存

1、添加至场景，右键生成缓存

2、新建工作空间，添加数据到场景，保存工作空间，发布服务

二、特效线设置

（一）接口介绍

S3MPolylineEffect：特效线类，可以通过该类在三维场景中添加特效线。

getEffectSetting()：获取参数描述列表 setValue(name, value)：设置特效线的参数值。例：s3mpolylineEffect.setValue(‘Width’,5);

（二）参数介绍

（三）应用举例

1、加载数据

var pro = viewer.scene.open('http://localhost:8090/iserver/services/3D-nc/rest/realspace')        pro.then(function(layers){
           var layer = layers[0];        var effect = layer ._effect        ....        })

2、设置线型

带箭头的虚线

effect.setValue('PolylineType', 1); effect.IsArrow = true;

黄色荧光线

effect.setValue('PolylineType', 3); effect.setValue('Color', new Cesium.Color(132 * 2 / 255, 143 * 2 / 255, 11 * 2 / 255, 1));

线型流动

effect.IsMove = true;

总结

这种方法主要应用在三维线型缓存样式进行更改，在项目中需要加载大数据量的三维线型更改线型样式方面有优势

转载地址：http://tspxi.baihongyu.com/