基于Cesium+VUE实现的流光道路效果，完整demo和源代码，代码未加密/未压缩，可直接调用运行

const Cesium = window.Cesium; class ShuttleLineMaterialProperty { constructor(duration, image) { this._definitionChanged = new Cesium.Event(); this.duration = duration; this.image = image; this._time = performance.now(); } get isConstant() { return false; } get definitionChanged() { return this._definitionChanged; } getType() { return Cesium.Material.ShuttleLineType; } getValue(time, result) { if (!Cesium.defined(result)) { result = {}; } result.image = this.image; result.time = ((performance.now() - this._time) % this.duration) / this.duration; return result; } equals(other) { return ( this === other || (other instanceof ShuttleLineMaterialProperty && this.duration === other.duration) ); } } Object.defineProperties(ShuttleLineMaterialProperty.prototype, { color: Cesium.createPropertyDescriptor("color"), duration: Cesium.createPropertyDescriptor("duration"), }); Cesium.ShuttleLineMaterialProperty = ShuttleLineMaterialProperty; Cesium.Material.ShuttleLineType = "ShuttleLine"; Cesium.Material.ShuttleLineSource = ` czm_material czm_getMaterial(czm_materialInput materialInput) { czm_material material = czm_getDefaultMaterial(materialInput); vec2 st = materialInput.st; vec4 colorImage = texture2D(image, vec2(fract(st.s - time), st.t)); material.alpha = colorImage.a; material.diffuse = colorImage.rgb * 1.5 ; return material; } `; Cesium.Material._materialCache.addMaterial(Cesium.Material.ShuttleLineType, { fabric: { type: Cesium.Material.ShuttleLineType, uniforms: { color: new Cesium.Color(1, 0, 0, 0.5), image: "", transparent: true, time: 20, }, source: Cesium.Material.ShuttleLineSource, }, translucent: function () { return true; }, });