cesium 道路道路发光特效

初始化 Cesium Viewer

const viewer = new Cesium.Viewer('cesiumContainer', {
    terrainProvider: Cesium.createWorldTerrain()
});

 

 绘制道路

使用 `Entity` 来绘制道路，并设置发光效果。可以使用 `Polyline` 的 `material` 属性来实现发光效果。

const roadPositions = [
    Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
    Cesium.Cartesian3.fromDegrees(-75.59777, 40.04883),
    Cesium.Cartesian3.fromDegrees(-75.58777, 40.04883),
    Cesium.Cartesian3.fromDegrees(-75.58777, 40.03883)
];

viewer.entities.add({
    name: 'Glowing Road',
    polyline: {
        positions: roadPositions,
        width: 10,
        material: new Cesium.PolylineGlowMaterialProperty({
            glowPower: 0.5, // 发光强度
            color: Cesium.Color.fromCssColorString('#00ff00') // 发光颜色
        })
    }
});

　　

可以设置相机视角，以便更好地查看道路效果：

viewer.camera.flyTo({
    destination: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883, 1000), // 设置相机位置
    duration: 2 // 飞行时间
});