Cesium geojson数据的添加与移除

原创 已于 2022-07-14 10:50:25 修改 · 2.6k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

于 2022-07-14 10:42:05 首次发布
本文详细介绍了如何在地图场景中使用GeoJsonDataSource加载GeoJson数据，包括定义GeoJson对象、指定唯一名称、添加到viewer、以及根据名称移除数据。同时提到了全部移除的方法。

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

1、定义GeoJson：首先定义GeoJsonDataSource，加载GeoJson。

 2、添加GeoJson：将定义好的GeoJson添加到viewer的dataSources中。

这里要注意：

  （1）给定义好的GeoJson赋一个name，默认name为undefined。name可以是英文也可以是中文，但一定要保证唯一性。

  （2）使用 then 方法，直接给GeoJson定义name会导致与GeoJson自带的name对应不上。 

3、移除GeoJson：根据GeoJson的name字段，来判断移除地图场景上的哪一个GeoJson数据。

4、如果要全部移除，直接使用 removeAll。

Cesium 展示——移除已加载的geojson文件效果
虎康的博客
10-08 405
以上代码假设你已经创建了一个Cesium Viewer，并将其显示在id为cesiumContainer的HTML元素中。然后，通过遍历实体列表，将每个实体的show属性设置为false，即不可见状态。最后，如果需要彻底移除实体，可以使用viewer.entities.remove(entity)进行删除。请替换/path/to/your/geojson/file.geojson为你实际的GeoJSON文件路径。Cesium 中，当加载完GeoJSON文件后，怎么移除已加载的geojson文件。
Cesium 问题：加载 geojson 文件后使用 remove 方法移除，但浏览器内存会持续增长并为得到释放直到浏览器崩掉
虎康的博客
10-13 846
一旦从场景中移除实体，并且没有任何其他引用指向该实体，JavaScript 引擎会将其识别为可以回收的对象，并在适当时机进行垃圾回收。在 JavaScript 中，垃圾回收是由浏览器的 JavaScript 引擎自动处理的，而开发人员没有直接的控制权来强制触发垃圾回收过程。不同的浏览器和 JavaScript 引擎具有不同的垃圾回收策略和行为。在开发中，加载了 geojson 文件后，浏览器内存会增长，当使用remove方法移除后再次添加，浏览器内存持续增长并未减少，直到第三次交互添加，浏览器崩掉了。
Cesium中移除geojson数据
baidu_34985200的博客
10-23 7141
Cesium中移除geojson数据 移除的时候直接用dataSources.remove(datasource)，返回false，无效。 viewer.dataSources.remove(datasource); 查询源码： 调试加载Cesium的页面，console输入viewer.dataSources._dataSources 是一个关于q的列表，q为geojson的相关信息。 但是...
GeoJSON 数据简介
GIS之路
06-21 865
GeoJSON是一种用于编码各种地理数据结构的格式，采用JSON方式表示。在WebGIS开发中，被广泛应用于数据传输和共享交换。
Cesium geojson 移除
qq_17627195的博客
12-30 2417
赋值，一定要是唯一的，要不然删除就会有删错的情况。进行单个移除的时候，我遇到了麻烦，我将。这个没什么好说的，直接用就行。进行删除，我发现无法。保存后，用保存下来的。
【CesiumJS入门】（5）GooJSON的加载、更新、监听与销毁——GeoJsonDataSource应用
ReBeX
06-18 3202
GooJSON的加载、更新、监听与销毁——GeoJsonDataSource应用：包括了GeoJSON数据的加载、更新、销毁、监听等方法的类。
4.GeoJSON图层的add和remove
weixin_42116238的博客
08-02 259
【代码】4.GeoJSON图层的add和remove。
Cesium 问题：加载 geojson 数据量大浏览器会崩，使用primitive方式加载
虎康的博客
09-26 2480
之前加载geojson数据都是使用dataSource和entity的方式，但是当数据量大时，浏览器就会崩掉：提示浏览器内存不足，已暂停渲染。使用primitive方式加载数据，可以提高加载渲染效率。
Cesium中对geojson的处理
black2Girl的博客
11-09 8524
最近关注到cesium对json处理，有点小收获，记录下来，有不对的请指正。 Cesium读取geojson cesium支持topojson,GEOjson和普通的json格式，方法可以共用 一.topojson <body> <div id="cesiumContainer"></div> <script> //...
cesium获取geojson数据
最新发布
07-09
引用[1]展示了一个完整的示例：使用Cesium的GeoJsonDataSource.load方法加载GeoJSON数据，然后将其添加到Viewer中，并设置样式，最后调整视角到数据范围。 引用[2]提到了一些尝试和问题，但最终没有给出完整的替代...
Cesium-GeoJson数据的显示和隐藏 点云
EvktJava的博客
09-27 363
在本文中，我们将介绍如何使用Cesium库在Web应用程序中显示和隐藏Cesium-GeoJson格式的点云数据。GeoJson是一种常用的地理数据格式，而Cesium是一个强大的JavaScript库，用于构建地理信息系统（GIS）应用程序。通过以上步骤，我们可以在Cesium中加载、显示和隐藏Cesium-GeoJson格式的点云数据。获取所有加载的实体，并通过遍历它们来设置点云的样式。在这个例子中，我们将点云的颜色设置为红色，大小设置为5个像素。要显示之前隐藏的点云，我们可以将实体的。
Cesium+Vue无法去除geojson
cxyxiaoliu的博客
06-19 743
Cesium+Vue无法去除geojson
学习【Cesium】第八篇，Cesium地图空间数据加载及删除操作（学不会揍我）
New_Wang的博客
08-19 3402
Entity API 公开了一组一致设计的高级对象，这些对象将相关的可视化和信息聚合到一个统一的数据结构中，我们称之为 Entity. 它让我们专注于数据的呈现，而不是担心可视化的底层机制。通过对我们提供的数据应用各种启发式方法，Entity API 能够提供灵活、高性能的可视化，同时提供一致、易于学习和易于使用的界面。CesiumJS 拥有丰富的空间数据 API，可以分为两类： Primitive API 面向图形开发人员的低级 API，以及 Entity API 面向数据驱动可视化的高级 API。...
cesium地图初始化、消除
m0_69112199的博客
07-28 991
/ viewer.value.scene.screenSpaceCameraController.enableRotate = false //禁止地图拖拽。// 销毁Viewer实例。fullscreenButton: false, //是否显示全屏按钮。infoBox: false, //是否显示点击要素之后显示的信息。timeline: false, //是否显示时间线控件。animation: false, //是否显示动画控件。shouldAnimate: false, //允许动画。
第六章 Cesium学习入门之添加Geojson数据（dataSource）
Aliavlue的博客
04-14 6869
Cesium学习入门之添加Geojson数据（dataSource）
Cesium 自定义BaseLayerPicker
一路走一路学，总会不落后
02-04 444
除了使用baseLayerPicker中默认的地图数据源，我们可以使用cesium提供的ProviderViewModel接口自己扩展数据源。使用自定义图层，需要在初始化viewer的时候，需要开启。
Cesium：入门教程（二）之数据源加载
热门推荐
Puzzle的博客
08-10 1万+
前言 成功运行 helloworld 的例子后，下面对控件等进一步说明。 鼠标 左键单击和拖拽：沿着地球表面平移（调整相机位置） 右键单击和拖拽：相机放大缩小（调整相机距离） 滚轮 - 相机放大缩小（调整相机距离） 中间按下和拖拽 - 围绕地球表面旋转相机（调整相机方向） 控件 图源：https://www.jianshu.com/p/24ffa692aac3 ① Geocoder : 地理位置查询定位控件，默认使用bing地图............
Cesium教程(五)：加载自定义地形数据
WwLK123的博客
05-23 1639
找到【分发服务】，选择常规地形，复制url（如果是直接转化数据，之后这里会自动生成url）。接着打开CesiumLab，添加下载的tif文件进行转化（第三步选择。将.tif文件转为terrain格式。文件，需要手动在【分发服务】手动添加之后，才会有对应的url生成。可以使用CesiumLab自带的发布服务，加载本地dem数据。下载之后按照步骤安装注册即可，这里不再赘述。
Cesium使用DEM地形数据(.tif)创建自定义Primitive
微笑君的博客
08-24 2183
第一步：用python把tif文件解析成高程数据，第二步：把地形数据分成小块创建geomotry.贴图使用mapbox的web墨卡托影像图，uv计算涉及到web墨卡托与经纬度的相互转换
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我要睡觉了i

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值