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 // 飛行時間
});
浙公網安備 33010602011771號