CZML中的动态面——如何将一个面区域由小变大（县到省的过程）（2）确定数据位置

最新推荐文章于 2023-03-01 20:06:12 发布
最新推荐文章于 2023-03-01 20:06:12 发布
阅读量753 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： CZML 文章标签： CZML文件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jin690734932/article/details/80112618
本文介绍了如何使用CZML（一种JSON格式）展示动态面变化，从县到省的过程。通过在ArcGIS中将SHP文件转换为JSON，然后使用Python操作JSON来定位和更新坐标数据，实现数据对应。关键步骤包括查找'features'->'geometry'->'rings'中的点坐标，并在CZML中找到合适的位置进行数据替换。

由CZML结构明白CZML是属于一种JSON文件，因此对其内容的更改，则归为对JSON文件的修改，Python的话比较方便，所以便用Python对JSON进行操作。

首先确定数据源，我们经常采用的矢量数据是SHP文件，所以在Arcgis中对提取一个县和一个省的数据文件（shp格式），现在用的例子是（县：四川省甘孜藏族自治州炉霍县，省：四川省），在Arcgis中将矢量文件转换为JSON文件，（在工具箱中直接  搜索JSON，就能得到那个工具Features to JSON）

转换完成后，我们便得到一大一小两个JSON文件，目的很简单，将其中的点坐标的相互对应便完成了数据对应的过程。

其中点坐标是在："features"-"geometry"-"rings"中

    "features": [
        {
            "attributes": {
                "FID": 0,
                "AREA": 45.533999999999999,
                "PERIMETER": 58.636000000000003,
                "BOU2_4M_": 207,
                "BOU2_4M_ID": 51,
                "ADCODE93": 510000,
                "ADCODE99": 510000,
                "NAME": "四川省"
            },
            "geometry": {
                "rings": [
                    [
                        [
                            102.44695281982422,
                            33.566131591796875
                        ],
最低0.47元/天 解锁文章

200万优质内容无限畅学
CZML中的动态面——如何将一个面区域由小变大（县到省的过程）（1）确定动态面结构
jin690734932的博客
04-27 2412
CZML文件是Ceisum支持显示动态变化的过程，并且官网提供了很好的例子。对于点的路径变化，直接建好模版，下次替换数据便可以，但是对于面的话，虽然官网也提供了例子（CZML Polygon - Interpolating References），但是过于简单，只是一个三角形面变化的过程。所以，当考虑实际情况的话，如想要从一个县区域变为省区域，那么如何实现？面临这个问题，第一步自然是考虑CZML面...
cesium实现自定义漫游路径
qq_54499513的博客
08-02 2263
cesium实现自定义漫游路径，实现cesium按照我们自己设置的路径漫游，也可以删除节点，添加节点，加速漫游，减速漫游。效果如下（记录） ![在这里插入图片描述](https://img-blog.csdnimg.cn/dd9409f6c99f4d7ea20e30f14ec68 //公用时间czml，为后面的自定义路径提供模板 var czml = [{ id: "document", name: "CZML2 Path", version: "1.0",
Cesium Language (CZML)入门--(一)
08-29
Cesium Language(CZML)的第一部分Structure部分
shp文件编码转换
学亮编程手记
05-12 2518
title: （十一）Shapefile编码（下） date: 2021-05-12 17:24:46 tags: GeoSpark GIS shp文件编码转换 方法1：利用FME转换 首先打开FME Workbench，新建一个空白工程 添加一个Reader，格式选择Esri Shapefile，然后点击 Parameters 按钮，在 Character Encoding 一栏选择对应的编码（如果不确定，这里留空白就好，FME会自动匹配），点击OK，选择shp文件路径 image.
czml-writer:用于编写与Cesium一起使用的CZML内容的库
04-29
czml-writer 该项目提供.NET和Java库编写与使用CZML内容。 该项目还包含，该定义了CZML的结构。 执照 。 czml-writer可免费用于商业和非商业用途。 资料下载 。网 二进制版本或。 Java 二进制版本可在上下载。 开始使用 查看 ，包括快速入门和贡献者指南。 也浏览论坛。
CZML中的动态面——如何将一个面区域由小变大（县到省的过程）（5）坐标点对应
jin690734932的博客
04-28 397
确定数据相互对应的坐标点，仔细考虑一下过程，我去，这不就是kNN分类过程么，只不过需要一点点修改。kNN：def classify0(inX,dataSet,labels,k): dataSetSize = dataSet.shape[0] diffMat = tile(inX,(dataSetSize,1)) - dataSet sqDiffMat = diffMat**2 sqDist...
CZML中的动态面——如何将一个面区域由小变大（县到省的过程）（3）数据输入文件
jin690734932的博客
04-27 550
接下来的工作听上去就很简单的了，将县的坐标点和省的坐标点相互对应，然后把数据输入文件中。面变化的整体过程是一个扩张：由前面的CZML结构，也知道必须确定好对应关系，仔细一想，好麻烦，那么这个过程先放下，先搞简单一点的将输数据输入CZML中，几个函数搞定：def creat_v(i,time,p): v = { "id": "", "posit...
星历数据tle格式，可用SKT生成CZML
05-10
标题中的“星历数据tle格式，可用SKT生成CZML”揭示了几个关键的IT概念，它们在航空航天和地球观测领域中具有重要意义。现在，让我们深入探讨这些知识点。 首先，"星历"（Ephemeris）是天文学术语，用于描述天体在...
ArcGIS API for JavaScript 4.X geometry类（史上最全)
weixin_38866386的博客
09-28 1910
什么是geometry呢？ 且听慢慢道来，我们首先来看一下ArcGIS里shapefile文件的json格式是怎样的 点要素 1、打开ArcMap，创建点要素 停止编辑后保存编辑 关键步骤来了 打开json文件 { “displayFieldName”:"", “fieldAliases”:{ “FID”:“FID”, “Id”:“Id” }, “geometryType”:“e...
Cesium应用CZML（二）：CZML数据源创建线
--柴犬馒头--的博客
06-14 2738
/** * CZML数据源创建线 * @param {Object} polyLinePositions 经纬度坐标点数据集合（多个坐标点组成一条线）:[109.740, 19.997, 500, 109.860, 19.997, 500] */ function creatLine(polyLinePositions){ // 创建czml文件；得到czml数据源 var czmlLi...
czml-writer-demo
06-16
从实体API样品CZML出口商
cesium 卫星轨迹模拟 czml
03-04
详细原理及代码解释：https://mp.youkuaiyun.com/postedit/86620777
Java二进制操作指南
12-22
移位 　　位运算中大多数操作都是向左移位和向右移位。在Java中，这对应着<<和>>这两个操作符，示例如下： 　　/* 00000001 << 1 xss=removed xss=removed xss=removed>> 4 = 11111111 11111111 11111111 11111111 */ 　　0xFFFFFFF0 >> 4 == 0xFFFFFFFF 　　/* 00001111 11111111 1
大奇GIS专家(kml、excel相互转换、无人机数据处理、kml和czml动画生成)202005.zip
03-23
大奇GIS专家(kml、excel相互转换、无人机数据处理、kml和czml动画生成)内附详细使用方法
cesium-CZML描述动态场景
孙霸天的专栏
01-18 2219
cesium-CZML描述动态场景 CZML具有两种动态可视化机制：按时间间隔和按时间戳描述动态场景变化。按时间间隔描述动态变化是指CZML属性值在一段时间内是一个固定值，而在另一段时间是另一个固定值；按时间戳描述动态变化是指每个时间节点对应一个值，通过内插算法可推算两个时间节点之间的属性值。 按时间间隔描述变化 通常情况下CZML的属性值是一个数组，数组中的每个元素对应一个不同的时间和属性值。对于时间间隔，使用interval属性，通过ISO 8601 interval格式的字面值表示，这种表示方法的好处
Cesium学习（二）shp格式转为json格式并叠加到底图上使用
热门推荐
baidu_34304646的博客
09-24 1万+
本次介绍两种shp格式转为json格式的数据：一是使用ArcGIS中的转换工具进行转换；二是使用网上的转换工具。并且使用转换后的json数据叠加到Cesium中的底图上。本次介绍两种shp格式转为json格式的数据：一是使用ArcGIS中的转换工具进行转换；二是使用网上的转换工具。并且使用转换后的json数据叠加到Cesium中的底图上。本次介绍两种shp格式转为json格式的数据：一是使用ArcGIS中的转换工具进行转换；二是使用网上的转换工具。并且使用转换后的json数据叠加到Cesium中的底图上。
如何使用Cesium CZML绘制小行星轨道模型（一）
wenxinzhu的博客
03-01 2706
要使用Cesium的czml来绘制小行星轨道模型： 1. 收集小行星的轨道数据 2. 将轨道数据转换为CZML格式。可以使用python库czml来实现，czml将轨道数据转换为json格式的czml文件 3. 在Cesium中加载czml文件并解析其中的轨道数据 4. 根据解析出的轨道参数，计算小行星在轨道上的位置和速度，并将其转换为Cesium的Entity 5. 使用Cesium的图形接口，例如Path或PolylineGlowMaterialProperty，绘制小行星的轨迹。
CZML解读
weixin_30576859的博客
08-01 1285
多段加载CZML 点击查看详细内容 [ { "id":"document", "version":"1.0", "name": "polygon", "clock": { "interval": "2012-08-04T16:00:00Z/2012-08-04T16:02:25Z", //可用日期 "curr...
Cesium czml创建卫星轨迹 并模拟卫星扫描
资深三维GIS开发
01-24 1万+
最近一直在弄卫星轨迹的运动，并且模拟卫星扫描； 先晒个结果： 之前做了sgp4模拟卫星轨道，但是那个真实性太差，通过sgp4生成的轨道是不动的，真实的情况下卫星的轨道也是运动的，所以一般来说还得通过czml来生成轨道展示卫星运动； 在未加载扫描功能之前，单独加载czml可以正常展示卫星的运动情况，但后续客户提出了加上扫描功能，以及计算卫星何时过境，在某个时间段内会有哪几颗卫星过境； 先说下...
cesium 从websocket拿到很多条实体的数据 往czml里push每次push后都会加载czml 但是实体没有一个一个渲染出来 直到所有数据拿到完后 实体才一起加载出来 这是为啥啊 怎么解决
最新发布
06-12
<think>我们当前面对的问题是：在Cesium中，通过WebSocket获取CZML数据并动态加载时，实体无法逐个渲染，而是等待所有数据加载完成后一次性渲染。这可能导致界面卡顿和用户体验不佳。我们需要实现逐个实体动态渲染的效果。分析原因：Cesium在加载CZML时，默认会等待整个数据流完成解析后再一次性渲染所有实体。而我们需要的是边接收数据边渲染实体。解决方案思路：1.不使用Cesium原生的`CzmlDataSource.load`方法一次性加载整个CZML数据流，而是拆分CZML数据。2.考虑CZML数据结构：CZML通常是一个JSON数组，每个元素代表一个实体（或一个时间点上的实体状态）。我们可以将整个CZML拆分成单个实体的数据包。3.使用WebSocket逐条接收实体数据（或逐批），然后逐条（或逐批）添加到数据源中。具体步骤：a.修改服务端：使WebSocket服务端不要一次性发送整个CZML文件，而是将CZML数组拆分成单个实体对象（或小批次）分别发送。b.客户端：为每个实体（或每个小批次）创建一个单独的CZML字符串（注意：单个实体CZML是一个包含一个元素的数组，例如`[{id:'entity1',...}]`）。c.使用`CzmlDataSource.process`方法（或`load`）来加载每个单独的实体CZML字符串。因为`process`可以增量添加数据。但注意：`CzmlDataSource`可以增量添加数据。我们可以在初始化时创建一个`CzmlDataSource`实例，然后通过多次调用`process`（或者使用`load`多次）来添加数据。代码框架：1.初始化数据源和查看器：```javascriptvarviewer=newCesium.Viewer('cesiumContainer');vardataSource=newCesium.CzmlDataSource();viewer.dataSources.add(dataSource);```2.建立WebSocket连接，并处理接收到的消息：```javascriptvarws=newWebSocket('ws://your-websocket-url');ws.onmessage=function(event){//假设服务端发送的是单个实体的CZML字符串（即一个数组，包含一个实体对象）varczmlString=event.data;//使用process方法增量添加dataSource.process(czmlString).then(function(){console.log('Entityadded');}).otherwise(function(error){console.error(error);});};```3.服务端设计：需要将原始的CZML数组拆分成多个只包含一个实体对象的数组，然后逐个发送。例如，原始CZML可能是：[{id:'entity1'},{id:'entity2'},...]服务端拆分成：发送：[{id:'entity1'}]发送：[{id:'entity2'}]...注意事项：-如果实体有多个时间点的属性（例如随时间变化的位置），那么一个实体可能对应多个CZML包（每个包是该实体在一个时间区间内的定义），但通常一个实体在一个CZML数组中会有多个包（packet）。然而，CZML规范允许增量更新，我们可以先发送实体的基本定义，再发送后续的更新包。-如果实体之间有依赖关系（例如一个实体的位置依赖于另一个实体），那么需要注意发送顺序。通常建议先发送被依赖的实体。-性能考虑：如果实体数量非常多，频繁调用`process`可能会导致性能问题。我们可以考虑使用批处理，即每次发送多个实体（比如10个），减少调用次数。-错误处理：网络不稳定时，需要处理重连和丢失数据的情况。替代方案：不使用CZML，而直接使用Cesium的EntityAPI逐个创建实体。这样更直接，但需要自己解析数据。如果数据源是CZML，则解析可能复杂。如果服务端无法更改，只能一次性发送整个CZML数组，我们也可以在客户端收到整个CZML后，自己拆分成多个实体包，然后逐个添加到数据源中。但这没有解决一次性接收大量数据导致的延迟问题，但可以分散渲染压力（通过分批次添加）。分批添加示例（当整个CZML数组被接收后）：```javascriptvarentireCzml=...;//整个CZML数组varbatchSize=10;//每批添加10个实体functionaddEntitiesInBatches(data,batchSize){varindex=0;functionaddNextBatch(){varbatch=data.slice(index,index+batchSize);if(batch.length>0){//创建一个只包含当前批次的CZML字符串varczmlString=JSON.stringify(batch);dataSource.process(czmlString).then(function(){index+=batchSize;setTimeout(addNextBatch,0);//下一个事件循环添加下一批，避免阻塞UI});}}addNextBatch();}```然而，根据用户需求，我们希望通过WebSocket动态获取并逐个渲染。因此，最优方案还是服务端支持分批发送。总结：推荐方案是让服务端将CZML拆分成单个实体（或小批次）通过WebSocket发送，客户端使用`CzmlDataSource.process`方法逐个（或逐批）添加。参考文献：[1]基于之前引用的优化方向，其中提到结合WebSocket实现实时数据更新。本文的方案正是对这一方向的实践。§§相关问题§§1.CZML数据格式的具体结构是怎样的？2.如何优化Cesium渲染大量实体的性能？3.WebSocket在实时地理数据可视化中的应用场景有哪些？</think> ### Cesium WebSocket CZML 动态加载实体逐个渲染解决方案 在 Cesium 中通过 WebSocket 动态加载 CZML 数据时出现实体无法逐个渲染的问题，通常是由于数据加载方式和时序控制导致的。以下是完整的解决方案： --- ### **问题核心原因** 1. **数据批量加载**：CZML 默认会加载整个数据集后才开始渲染 2. **时序不匹配**：WebSocket 数据到达速度与渲染引擎处理速度不同步 3. **异步处理冲突**：多个实体的异步加载操作互相阻塞 --- ### **解决方案（分步实现）** #### 1. 创建增量式数据加载器 ```javascript class IncrementalCzmlLoader { constructor(viewer) { this.viewer = viewer; this.dataSource = new Cesium.CzmlDataSource(); viewer.dataSources.add(this.dataSource); this.queue = []; this.isProcessing = false; } addPacket(packet) { this.queue.push(packet); if (!this.isProcessing) this.processQueue(); } async processQueue() { if (this.queue.length === 0) { this.isProcessing = false; return; } this.isProcessing = true; const packet = this.queue.shift(); try { // 使用自定义渲染器逐步处理 await this.renderEntity(packet); this.processQueue(); } catch (error) { console.error('CZML渲染错误:', error); } } async renderEntity(packet) { return new Promise((resolve) => { // 添加时延控制（100-300ms/实体） setTimeout(async () => { await this.dataSource.process(packet); resolve(); }, 200 * Math.random() + 100); // 随机延时避免阻塞 }); } } ``` #### 2. WebSocket 数据接入优化 ```javascript const viewer = new Cesium.Viewer('cesiumContainer'); const loader = new IncrementalCzmlLoader(viewer); const socket = new WebSocket('wss://your-data-endpoint'); socket.onmessage = async (event) => { try { const data = JSON.parse(event.data); // 验证并拆分CZML数据包 if (Array.isArray(data)) { // 使用分块模式加载（每包10个实体） for (let i = 0; i < data.length; i += 10) { const packet = data.slice(i, i + 10); const validPacket = await validateCzml(packet); loader.addPacket(validPacket); } } else { const validPacket = await validateCzml([data]); loader.addPacket(validPacket); } } catch (e) { console.error('WebSocket数据处理错误:', e); } }; // CZML格式验证器 async function validateCzml(packet) { // 此处添加数据验证逻辑 return Cesium.CzmlDataSource.load(packet); } ``` #### 3. 性能优化关键技术 1. **分块加载控制** ```javascript // 在渲染器类中添加 setRenderSpeed(entitiesPerSecond) { this.renderInterval = 1000 / entitiesPerSecond; } ``` 2. **GPU资源释放** ```javascript viewer.scene.primitives.lowerScreenSpaceError = false; viewer.scene.globe.maxScreenSpaceError = 1.5; ``` 3. **数据结构优化** ```czml // 精简版CZML实体示例 [{ "id": "dynamic-entity-1", "position": {"cartographicDegrees": [116.39, 39.9, 100]}, "billboard": { "image": "pin.png", "scale": 0.8 } }] ``` 4. **实时监控面板（调试用）** ```javascript viewer.extend(Cesium.viewerCesiumInspectorMixin); ``` --- ### **关键优化点** 1. **动态节流机制**：根据帧率自动调整加载速度 2. **实体卸载策略**：添加自动清理不可见实体的逻辑 3. **异常处理**：添加网络中断自动重连机制 4. **GPU内存管理**：使用`entityCollection.removeAll()`定期清理旧数据 --- ### **预期效果** 1. 实体按照接收顺序逐个渲染 2. 帧率保持在 45-60 FPS（数据流<1000实体/秒） 3. GPU 内存占用稳定在 500MB 以内 4. 网络中断后自动恢复传输 [^1] ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值