Cesium+Vue无法去除geojson

最新推荐文章于 2025-10-02 11:43:15 发布
原创 最新推荐文章于 2025-10-02 11:43:15 发布 · 772 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

在使用Cesium+Vue进行三维可视化时，遇到加载GeoJSON数据后无法正常移除的问题。尝试使用`viewer.dataSources.remove(this.datasource)`方法并绑定点击事件，但导致应用卡死。最终发现错误在于使用了`this`指针，改为全局变量后问题得到解决。本文分享了解决此类问题的经验和解决方案。

最近用Cesium+Vue做三维可视化，加载geoJson数据之后，发现无法去除

官网api采用的是

viewer.dataSources.remove(datasource)

但是用vue加载是时候，并不知道什么时候移除呀，就用了this指针

然后绑定点击事件，使用

viewer.dataSources.remove(this.datasource)

但是并不起作用，并且会出现卡死的情况

最后弄了很久，发现不可以使用this指针，定义一个全局变量就没问题

 

 

 

Cesium dataSources 添加及删除
一碗老面的博客
08-11 1万+
1.添加 var traceLayer = new Cesium.CustomDataSource("traceLayer"); viewer.dataSources.add(traceLayer); 2.删除 //删除单个dataSources组 viewer.dataSources.remove(traceLayer); //删除所有的 viewer.dataSources.removeAll();
Cesium 展示——移除已加载的geojson文件效果
虎康的博客
10-08 442
以上代码假设你已经创建了一个Cesium Viewer，并将其显示在id为cesiumContainer的HTML元素中。然后，通过遍历实体列表，将每个实体的show属性设置为false，即不可见状态。最后，如果需要彻底移除实体，可以使用viewer.entities.remove(entity)进行删除。请替换/path/to/your/geojson/file.geojson为你实际的GeoJSON文件路径。Cesium 中，当加载完GeoJSON文件后，怎么移除已加载的geojson文件。
Cesium中移除geojson数据
baidu_34985200的博客
10-23 7209
Cesium中移除geojson数据 移除的时候直接用dataSources.remove(datasource)，返回false，无效。 viewer.dataSources.remove(datasource); 查询源码： 调试加载Cesium的页面，console输入viewer.dataSources._dataSources 是一个关于q的列表，q为geojson的相关信息。 但是...
开源库入门教程 Cesium：3D地球和地图库
最新发布
zenithdev1的博客
10-02 1700
摘要：Cesium是一个开源的JavaScript库，用于创建高性能的3D地球和地图应用，支持在浏览器中无需插件即可渲染完整3D地球。其核心优势包括真正的3D地球模型、时间动态数据展示、精确地理参考、大数据处理能力等。本文介绍了Cesium的基本概念、安装方式，并通过示例代码演示了如何创建3D地球、添加标记、加载数据源等基础操作。文章还分享了实用技巧，适合开发者快速入门Cesium开发。
Cesium geojson 移除
qq_17627195的博客
12-30 2545
赋值，一定要是唯一的，要不然删除就会有删错的情况。进行单个移除的时候，我遇到了麻烦，我将。这个没什么好说的，直接用就行。进行删除，我发现无法。保存后，用保存下来的。
Cesium geojson数据的添加与移除
GIS（地理信息系统）
07-14 2663
Cesium geojson数据的添加与移除
cesium采用primitive方式加载geojson数据
一见终秦的博客
06-16 8209
cesium采用primitive方式加载geojson数据 cesium加载geojson数据有自带的接口GeoJsonDataSource和演示示例，使用的是entity方式来加载数据，而entity封装的是primitive，所以想用原生的primitive方式来加载geojson数据试试。使用的数据是全球国家区划的json，在这里分别给出两种方式的代码和效果。 自带接口GeoJsonDataSource（entity方式） 主要代码 var geojsonOptions = { clam
Cesium+Vue3教程（009）：基于Vue3+Cesium加载渲染GeoJson数据
WwLK123的博客
01-20 224
在 Cesium中，可以使用 Cesium.GeoJsonDataSource`来加载和显示 GeoJSON数据。GeoJSON 是一种广泛使用的地理空间数据格式，可以包含点、线、面等地理要素以及相关属性。
124：vue+cesium 加载区域geojson数据，边界线呈现凸压纵深效果
大剑师兰特的GIS世界
05-14 723
本示例介绍如何在vue+cesium中加载区域geojson数据，边界线呈现突压纵深效果。这里首先要加载geojson文件，然后做好polygon.extrudedHeight 和 polygon.outlineColor的配置。
134：vue+cesium 加载geojson数据，非URL地址
大剑师兰特的GIS世界
06-24 225
本示例介绍如何在vue+cesium中加载geojson数据，非URL地址。跟普通的加载geojson url数据不一样，这里直接加载的是geojson数据，通过GeoJsonDataSource.load出来的数据是promise形式，需要进一步做then处理。详细方法见下面的源代码
Cesium+Vue3教程（001）：Cesium概述及创建第一个基于Vue3的Cesium应用
WwLK123的博客
01-17 284
Cesium是一个开源的JavaScript库，用于构建3D地球和地图应用，特别擅长处理空间数据（如地理信息系统GIS数据、遥感影像、三维模型等），并支持实时数据的可视化。Cesium主要用于开发交互式的三维地球应用，它通过浏览器展示高质量的地球场景、地图、遥感数据和其他空间数据。Cesium使用WebGL来实现跨平台的三维图形渲染，支持浏览器中运行，因此不需要安装额外的插件或软件，用户只需通过现代浏览器就可以查看和交互地球数据。它支持丰富的地理空间数据类型，尤其擅长处理大规模、高精度的地理数据。
vue2.X+Cesium
09-23
Vue2.x+Cesium是一个结合了Vue.js框架与Cesium库的项目，用于创建交互式的三维地球可视化应用。Vue.js是一个轻量级、响应式的前端框架，而Cesium是一个基于WebGL的开源JavaScript库，用于在浏览器中展示高精度的3D...
ceisum 加载geojson,使用 Cesium 动态加载 GeoJSON 数据
weixin_36059283的博客
03-18 888
前言需求是这样的，我需要在地图中显示 08 年到现在的地震情况，地震都是发生在具体的时间点的，那么问题就来了，如何实现地震情况按照时间动态渲染而不是一次全部加载出来。一、 方案分析这里面牵扯到两个问题：第一个是如何加载 GeoJSON 格式的数据，其实也就是矢量数据，因为矢量数据之间是可以任意转换的；第二个是如何让加载的数据根据自身的时间显示。所以就有两种解决问题的思路了：第一种，一次加载 Geo...
Cesium循环根据名字清楚多个实体不干净
cxyxiaoliu的博客
06-19 978
Cesium循环根据名字清楚多个实体不干净
Cesium加载并渲染数据量较大的矢量数据时如何才能保证不卡顿？
警警的博客
08-29 2856
在使用Cesium加载由GeoServer发布的GeoJSON线数据，并且数据量很大的情况下，确实需要采取一些策略来优化性能和用户体验。
cesium通过遍历的方式删除dataSources里的数据
weixin_43049347的博客
09-11 3132
cesium remove、indexof方法失效
weixin_53898445的博客
11-22 846
cesium viewer.imageryLayers remove、indexof方法失效 cesium 图层切换显示
Cesium dataSources 添加和删除
qq_17627195的博客
03-23 1651
【代码】Cesium dataSources 添加和删除。
cesium销毁内存泄漏问题优化
ruan479118658的博客
03-28 5022
在vue开发SPA实际项目中，不止涉及到使用cesium可视化的大屏一个界面，在切换页面或者关闭该功能、弹框后，cesium加载的模型，图层，实体等等信息会缓存到电脑的显存中，但是切回cesium界面的时候，又会重新进入页面的挂载周期，进行新的cesium实例的渲染，显存占用会越来越大，达到临界值后，页面会崩溃，显示out of memory或者是cesium页面红色弹框的shader错误。明显会看到显存曲线的上升趋势。废话不多说，直接上干货，代码。
Cesium+VUE实现态势标绘动态笔直折线功能教程
资源摘要信息:"本资源详细介绍了如何使用Cesium和VUE技术实现态势标绘中的动态笔直折线功能。通过完整demo和源代码的提供，开发者可以直接运行和调用，无需进行代码解密和解压缩操作。文章描述可在指定的优快云博客...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值