Cesium中加载geojson数据,根据数据中的属性做等级展示

灰太狼 2022-10-25 04:45 1030阅读 0赞

cesium加载GeoJson数据，并做等级显示

效果  
![加载Geojson数据][Geojson]

const promise = viewer.dataSources.add(Cesium.GeoJsonDataSource.load(urlChina));//默认是黄色
    promise.then(function (dataSource) { 
        _this.jsonDatas[keydataSource] = dataSource;
        const entities = dataSource.entities.values;
        if (entities[0]._polygon) { 
            (_this.jsonDataArray).concat(entities);
        }
        const colorHash = { };
        const operation = { 
            showColor: function () {  //显示颜色
                for (let i = 0; i < entities.length; i++) { 
                    const entity = entities[i];
                    entity.properties = { ...urlChina.features[i]};  // 将每条数据的属性添加到模型的属性的properties中
                    let szxz = (entity.properties._szxx2019._value).trim(); //水资源等级
                    let featureType = entity.properties._geometry._value.type;
                    let color = colorHash[szxz];
                    if (!color) { 
                        if (szxz == '1') { 
                            color = new Cesium.Color(76 / 255, 230 / 255, 0, 1);  // #4ce600
                        } else if (szxz == '2') { 
                            color = new Cesium.Color(56 / 255, 168 / 255, 0, 1);  //#38a800
                        } else if (szxz == '3') { 
                            color = new Cesium.Color(168 / 255, 168 / 255, 0, 1);  // #a8a800
                        } else if (szxz == "4") { 
                            color = new Cesium.Color(230 / 255, 152 / 255, 0, 1);  // #e69800
                        } else if (szxz == "5") { 
                            color = new Cesium.Color(255 / 255, 255 / 255, 0, 1);  // #ffff00
                        } else if (szxz == "6") { 
                            color = new Cesium.Color(168 / 255, 0, 0, 1);  // #a80000
                        } else { 
                            color = new Cesium.Color(130 / 255, 130 / 255, 130 / 255, 1);  // #828282
                        }
    
                        colorHash[szxz] = color;
                    }
    // 判断加载的空间数据点线面类型 赋值颜色
                    if (featureType == "MultiPolygon") { 
                        entity.polygon.material = color;
                    } else if (featureType == "MultiLineString") { 
                        entity.polyline.material = color;
                        entity.polyline.width = _this.initPolylineWidth;
                    } else if (featureType == "MultiPoint") { 
                        entity.point.material = color;
                    }
                    entity.beOf = "水环境";
                }
            }
        };
    
        operation.showColor();

[Geojson]: /images/20221024/11478dfdc80a471fbcb7dd125daea19f.png

发表评论取消回复

表情：

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

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

相关阅读

相关 tensorflow中如何加载数据

ensorflow作为符号编程框架，需要先构建数据流图，再读取数据，随后进行模型训练。tensorflow官网给出了以下三种方法来加载数据。 – 预加载数据：在ten...

比眉伴天荒/ 2024年04月17日 05:32/ 0 赞/ 30 阅读

相关 babylon怎么使用cesium加载数据

Babylon.js是一个开源的3D游戏引擎，而Cesium是一个开源的3D地理信息系统(GIS)框架。Babylon.js可以通过以下步骤使用Cesium加载数据： 1.

ゝ一纸荒年。/ 2024年03月25日 16:24/ 0 赞/ 60 阅读

相关三、Cesium加载3dtitles数据

var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({url: Cesium.Io

ゞ浴缸里的玫瑰/ 2023年06月05日 13:58/ 0 赞/ 71 阅读

相关 MATLAB打开geojson,Cesium-GeoJson数据的显示和隐藏

Cesium-GeoJson数据的显示和隐藏 Cesium-GeoJson数据的显示和隐藏 ![281e612602d637ee33b100482c0252ad.gif][

系统管理员/ 2023年01月16日 04:57/ 0 赞/ 202 阅读

相关 Pytorch中的数据加载详解

LawsonAbs的认知与思考，还请各位读者批判阅读。总结这个是 pytorch 中的类，所以可以去 torch的在线[doc][]中查找相关的资料持

浅浅的花香味﹌/ 2022年12月24日 15:59/ 0 赞/ 155 阅读

相关 cesium中加载点图标

效果（截取部分效果） ![点图标][20210208105915500.png_pic_center] 代码 // primitives可加载大量数据，性能方面

亦凉/ 2022年10月25日 04:45/ 0 赞/ 709 阅读

相关 Cesium中加载geojson数据,根据数据中的属性做等级展示

cesium加载GeoJson数据，并做等级显示效果 ![加载Geojson数据][Geojson] const promise = viewer.dataS

灰太狼/ 2022年10月25日 04:45/ 0 赞/ 1031 阅读

相关 Android状态页切换（数据加载中，数据加载失败，空数据）

咱们在开发过程中经常需要从网络上获取数据。这个时候为了增强用户体验。就可能有如下需求：在获取的数据的中时候显示加载中的UI（获取数据需要一定的时间）、如果获取数

深碍√TFBOYSˉ_/ 2022年05月26日 02:47/ 0 赞/ 221 阅读

相关 Cesium中加载Geojson

首先要下载安装Cesium ，见：[https://blog.csdn.net/qq\_40323256/article/details/108475669][https_bl

末蓝、/ 2021年09月02日 09:38/ 0 赞/ 962 阅读

相关 openlayer中加载geojson的几种方式

目录一，加载本地geojson文件二，加载geoserver发布的geojson数据 1、wms方式 2、wfs方式三、点击查看属性 ------------

淡淡的烟草味﹌/ 2021年09月01日 00:09/ 0 赞/ 2277 阅读