[cesium] | 城市路网可视化

基于cesium的 PolylineMaterialAppearance实现的 ，自定义材质加载海淀区的路网数据，帧率57-60.

效果

在线调用(entity加载)

// 在引入的cesiumJS下面引入d3kit插件
<script src="http://zhangticcc.gitee.io/d3kit/d3kit.js"></script>
<script>
    
 // 初始化 Cesium.Viewer
 let viewer = new Cesium.Viewer("d3map");
 // 初始化 d3kit
 let d3kit = new Cesium.D3Kit(viewer)

 // 泛光场景配置 建筑物材质发光
 d3kit.setDefSceneConfig()
 d3kit.setBloomLightScene()
 
 // 自定义流动纹理材质
 let material = new Cesium.PolylineFlowMaterialProperty({
        color: Cesium.Color.ORANGE,
        duration: 200
 })

// 创建OD线
 let promise = Cesium.GeoJsonDataSource.load('road/road.json');
 promise.then((dataSource) => {
    let entities = dataSource.entities.getValue()
    for (let o = 0; o < entities.length; o++) {
         let r = entities[o];
         r.polyline.material = material;
         r.polyline.width = 5;
    }
 })
 
</script>