[cesium] | 城市路网可视化

谁借莪１个温暖的怀抱￠ 2022-12-08 04:12 842阅读 0赞

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

### 效果 ###

![20200917142213784.gif][]

### 在线调用(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>

[20200917142213784.gif]: /images/20221123/3777441cfa1445788167befaa1cf35ab.png

发表评论取消回复

表情：

评论列表（有 0 条评论，842人围观）

还没有评论，来说两句吧...

相关阅读

相关 [cesium ] 三维可视化

三维可视化基于cesium的可视化系统，对部分三维功能封装。可视化界面 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow...

蔚落/ 2024年04月18日 10:48/ 0 赞/ 107 阅读

相关 OSM获取城市路网数据及其矢量化

文章目录 1. osm城市路网数据下载 2. osm数据转换（1）网页版转换（2）试用ArcGIS Editor for Op

系统管理员/ 2023年05月21日 13:52/ 0 赞/ 3 阅读

相关 [cesium] | 基于cesium的城市可视化示例

前言之前用超图的webgl包做了一些示例特效，虽然底层库是基于cesium的但是做过二次封装拓展性不太好而且更新比较慢，后面又基于cesium改造了一下，比之前效果差了

蔚落/ 2023年03月05日 03:25/ 0 赞/ 81 阅读

相关 [cesium] | 城市路网可视化

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

谁借莪１个温暖的怀抱￠/ 2022年12月08日 04:12/ 0 赞/ 843 阅读

相关 WebGL可视化地球和地图引擎：Cesium.js

Cesium 是一个JavaScript 库用于在Web浏览器创建 3D 地球和 2D 地图，无需任何插件。Cesium 使用 WebGL 来进行硬件加速图形化；跨平台；跨浏

怼烎@/ 2022年09月22日 04:56/ 0 赞/ 333 阅读

相关 [cesium] | 园区昼夜可视化

![d075ece355b94c30adb6f4168789be32.gif][] ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shad

待我称王封你为后i/ 2022年09月15日 00:57/ 0 赞/ 327 阅读

相关 [cesium] | 广州塔可视化

![20210928172856646.gif][] Cesium数字城市 | 广州塔 [20210928172856646.gif]: /images/20220828

小灰灰/ 2022年09月13日 11:24/ 0 赞/ 416 阅读

相关 [cesium] | 北京CBD可视化

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5ZWK5Zie5Zie5Zie5Zie_siz

你的名字/ 2022年09月12日 10:59/ 0 赞/ 193 阅读

相关 Cesium 概述 (二) 空间数据可视化

空间数据可视化 Cesium提供Entity

客官°小女子只卖身不卖艺/ 2022年07月20日 16:14/ 0 赞/ 596 阅读

相关 [cesium] | 数字城市可视化示例

基于Cesium的数字城市效果示例效果图 ![2020092619062886.gif][] ![20200925094028131.gif][] ![20200

古城微笑少年丶/ 2021年10月19日 06:42/ 0 赞/ 498 阅读