Cesium加载地图提示RangeError:Invalid of array List

最新推荐文章于 2025-03-07 22:48:14 发布
转载 最新推荐文章于 2025-03-07 22:48:14 发布 · 1.9k 阅读 · 1 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/runwithraining/p/11169748.html
文章标签：

#数据库

博客讲述了加载区域地图时渲染失败的问题。加载部分区域正常，排错发现是出问题区域的数据问题。打断点得知是地图图标模型经纬度数据有误，查看数据库发现是拖动图标存经纬度时数据格式出错，存为了NaN。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

发现一个新的问题，在加载一个区域的地图时提示渲染失败，并且给了一串英文提示

但是去加载另外的区域又没有问题，所以排错的大致方向就是出问题区域的数据问题了。

后打断点得知：在地图上自己添加的图标模型的经纬度数据有问题，把不是经纬度的数据传给了Cesium去创建地图，当然会出问题了。

查看了后台代码没问题，查看数据库找到的错误的数据。

原来在Cesium地图上拖动了图标，再把图标的经纬度存到数据库的过程中出了问题。数据格式在这里出了错，存为了NaN(js中代表不是一个数字)

转载于:https://www.cnblogs.com/runwithraining/p/11169748.html

Vue - 报错 Invalid array length
资深程序员
05-20 5625
完整报错 原因就是你的试图上挂有 v-for ，其变量是一个小数，导致 vue 无法循环遍历渲染。 大概就是如下图所示样式，意思是 无效的数组长度 ： 错误示例 <template> <view> <!-- 循环一个非整数长度的变量或数组长度(length) --> <view v-for="item in repairDOM"> ... </view> </view> </template>
cesium加载百度地图
05-20
本教程将详细讲解如何在Cesium中加载百度地图，帮助开发者实现更丰富的地图展示效果。 首先，我们需要理解Cesium的基本工作原理。Cesium基于WebGL技术，能够在浏览器中生成高精度、高性能的3D地形和建筑物模型。它...
js报错：“RangeError: invalid array length“
Liu
12-30 2万+
js报错："RangeError: invalid array length"的处理方法 翻译： 无效的数组长度 可能出现的场景： 当创建一个长度为负数或者长度大于等于232 的 Array 或者 ArrayBuffer 时。 当设置 Array.length 属性为负数或者长度大于等于232 时。 当你使用构造函数来创建一个数组的时候，你可能想使用字面值的形式，第一个参数会被解释为数组的长度。如下： [this.enthusiasm + 1].join("!"); //正确 Array
vue接收到json响应数据，但是页面渲染失败，报错 RangeError: Invalid array length
j20220929的博客
12-11 1032
在vue中其他位置的页面渲染也会影响本页面的其余位置的渲染。我们验证响应数据传给我们定义的变量数组，是否能取到。首先在页面F12可以看到我们后端数据已经接收到。可以取到，显然不是我们定义变量的问题。查看页面报错信息（无效的数组长度）
Invalid array length
Ton555555的博客
01-25 1万+
问题报错： Invalid array length 原因数组长度为负数 team_total 和 sub_total 是有接口获取的数据， 在接口数据返回前渲染的时候， 两个数据还没有获取到， 去计算： 减去数组的长度， 使数组长度前加了负号， 数组长度为负数会报错。 下图： 对数组长度做判断是错的， 我们应该对 接口返回的数据 total做判断 解决办法： 对数组长度做判断是错的， 我们应该对 接口返回的数据 total做判断 ...
RangeError: Invalid array length 问题解决
热门推荐
qq_39400014的博客
04-16 5万+
今天写项目的时候，报错出了这样的错误 RangeError: Invalid array length 在网络上找了一些资料发现，是v-for语句出现了问题。然后在检查时发现是提供的数据不为整数所导致的。 <div v-for="itemx in (hostProduct.length/4)" :key="itemx"> 因为hostProduct.length/4不...
cesium加载天地图、高德地图以及水经注导出的瓦片地图
02-18
在本文中，我们将深入探讨如何使用Cesium JavaScript库来加载天地图、高德地图以及水经注导出的瓦片地图。Cesium是一款强大的开源Web GIS框架，它基于JavaScript和WebGL，能够实现3D地球可视化。对于初学者来说，...
Cesium加载大地图案例
07-21
【Cesium加载大地图案例】是一个使用Cesium for Unity技术实现的项目，旨在展示如何在Unity引擎中有效地加载和管理大规模的地理空间数据。Cesium是一个强大的开源库，专为构建三维地球应用而设计，它提供了高精度的...
Cesium支持加载百度地图源码可直接使用
04-13
很多小伙伴想要在Cesium里增加百度地图，现在源代码整理好了，需要的可以下载了，具体有什么问题可以私信我
vue3+ts+vite+cesium 加载天地图影像、标注等多服务器随机加载切换版本
04-02
这段基于 Vue.js 的 Cesium 地图应用示例展示了如何使用 Cesium.js 创建一个具有自定义配置的 3D 地球视图。Cesium.js 是一个开源 WebGL 虚拟地球引擎，可以构建交互式的 3D 地图应用。示例中的底图和注记图层来自...
【解决】JS Uncaught RangeError: Invalid array length
我是 二川兄，对Web开发、GIS开发、3D模型、机器学习、面试技巧等方面都有一些涉猎~ 欢迎您加入技术交流圈！你可以在我的文章末尾找到我~
08-22 7683
【解决】JS Uncaught RangeError: Invalid array length
RangeError: Invalid array length
你若盛开，清风自来
03-07 1325
错误通常是由于尝试创建一个长度为负数、非整数或超过平台最大限制的数组引起的。检查长度的有效性：在创建数组之前，确保长度是一个非负整数。使用条件判断：在设置数组长度时，添加条件判断以避免无效长度。初始化默认值：为对象提供默认值，避免访问未定义的属性。通过这些方法，开发者可以提高代码的健壮性，减少运行时错误，提升应用的稳定性和用户体验。建议开发者定期检查和测试代码，确保所有引用都正确无误。
RangeError: Array buffer allocation failed
IICOOM的博客
08-30 1万+
通过一个 RangeError: Array buffer allocation failed 的错误，认识到了内存合理使用的重要性。解决了这个问题，我们的大文件分片上传功能运行更加稳定。如果你有更高明的方法，欢迎到评论区讨论。文章首发于IICOOM-个人博客 《RangeError: Array buffer allocation failed》...
JS报错RangeError: Invalid string length
木灵的专栏
07-23 3万+
错误信息：RangeError: Invalid string length原因是双重循环时，内层和外层使用了同一个变量i，使用另外一个变量就解决这个问题了
cesium 我遇到的问题及一些方法
weixin_53607765的博客
10-25 6626
true改false skyAtmosphere: false,
cesium绑定鼠标事件，及清除事件（采坑清除事件不起作用，解决方案）
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
04-30 2万+
前言：最近在开发cesium项目（其实是supermap+ebgl但这个可以使用cesium原生方案，应为supermap webgl是根据cesium源码封装的）。需求监听视图高度，根据不同的高度做不同的处理。 一.cesium绑定鼠标事件方法及清除方法 var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);//获取...
range_error不明确
枫色的专栏
11-25 1375
range_error本身在编译器中有使用，作为enummeijul
Uncaught RangeError: Invalid array length 问题解决
violetjack的专栏
02-06 2万+
使用Vue的v-for的时候出现了错误 Uncaught RangeError: Invalid array length问题出在v-for的的数据上，由于提供的数据小于0所致。<tr v-for="n in emptyCount"></tr>在这里我计算了空的tr的数量，将数量控制在12条数据。this.emptyCount = 12 - projectList.length然而我忽略了一个问题，
An error occurred while rendering. Rendering hasstopped. RangeError: Invalid array lengthSee more.
最新发布
05-12
### 渲染停止错误 `RangeError: Invalid array length` 的原因分析 在使用 Cesium v25 开发时，可能会遇到渲染过程中的错误提示：“An error occurred while rendering. Rendering has stopped.” 并伴随具体的 JavaScript 错误信息 “RangeError: Invalid array length”。此问题的根本原因是某些数组长度被非法定义为负数或非数值（NaN），这通常发生在场景渲染逻辑中。 具体来说，在 Cesium 的核心文件 `scene/scene.js` 中存在一个名为 `createPotentiallyVisibleSet(scene)` 的函数。该函数内部有一个变量 `numFrustums`，其值应为正整数，但在特定情况下可能变为 NaN 或其他不合法值[^1]。进一步追踪发现，这种异常源于另一个对象 `boundingVolume` 的属性 `radius` 偶尔也会成为 NaN。当这些非法值传递到后续依赖它们的计算中时，就会触发范围错误。 #### 解决方案描述 针对这一问题，可以通过修改源码的方式修复。以下是实现的具体方法： 1. **检测并过滤非法数据** 修改 `createPotentiallyVisibleSet(scene)` 函数内的循环部分，增加对 `boundingVolume.radius` 是否为 NaN 的判断条件。如果检测到半径为 NaN，则跳过当前迭代，避免将其用于任何可能导致错误的操作。代码片段如下所示： ```javascript if (defined(boundingVolume)) { if (isNaN(command.boundingVolume.radius)) { continue; // 如果 radius 是 NaN 则忽略本次循环 } if ( command.cull && ( cullingVolume.getVisibility(boundingVolume) === Intersect.OUTSIDE || defined(occluder) && !occluder.isBoundingSphereVisible(boundingVolume) ) ) { continue; } } ``` 通过以上调整可以有效防止因非法输入引发的崩溃行为。 另外值得注意的是，虽然上述更改解决了主要的技术难题，但如果项目允许升级至更高版本的库也是一个不错的选择。因为官方维护团队很可能已经在更新后的发行版里修正了此类已知缺陷[^3]。 ### 示例初始化配置代码 为了确保应用能够正常启动而不受额外干扰因素影响，还可以考虑适当简化初始加载参数设定。例如关闭默认弹窗功能以减少不必要的复杂度: ```javascript const viewer = new Cesium.Viewer('cesiumContainer', { infoBox : false, // 关闭信息框显示 }); ``` 这样做的好处在于减少了潜在冲突点的同时也提升了用户体验流畅感[^2]。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值