Cesium 实时获取地图级别

已于 2024-01-16 11:56:58 修改
阅读量1.5k 收藏 12
点赞数 10
CC 4.0 BY-SA版权
分类专栏： 菜鸟学习编程之路 Cesium JavaScript 文章标签： 前端 javascript
于 2024-01-16 11:39:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/QQhelphelp/article/details/135620773
本文介绍了在Three.js中如何创建地球视图，并通过监听相机位置变化事件，获取当前地图级别的示例代码，展示了如何在场景中处理地图层级信息。

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

1.创建地球

2.相机位置改变事件

viewer.camera.changed.addEventListener(SetLevel)

3.获取当前地图级别

function SetLevel(){

        var tileRender=viewer.scene.globe._surface._tilesToRender;

        if(tileRender&&tileRender.length>0){

                console("当前级别:"+tileRender[0]._level+"级");

        }

}

cesium——获取当前鼠标的经度、纬度、高度
processing
04-05 2250
1、动态地理空间数据的可视化 使用KML，GeoJSON和TopoJSON绘制矢量数据 使用COLLADA和glTF绘制3D模型，不过cesium只支持gltf格式，gltf目前可以由collada格式转换而来，官网上也提供了一个转换工具(https://www.khronos.org/gltf)。这个工具比较坑爹，只能和collada文件放在同一个目录才工作，转换后的结果文件也必须在同一目录。...
Cesium根据地图的缩放zoom实现不同级别下geojson行政边界的对应展示
weixin_43312391的博客
01-15 685
随着地图的缩放，展示对应缩放级别下的行政边界。
WGS图层修改坐标系_cesium结合geoserver利用WFS服务实现图层删除(附源码下载)
weixin_39641738的博客
10-22 306
前言cesium 官网的api文档介绍地址cesium官网api，里面详细的介绍 cesium 各个类的介绍，还有就是在线例子：cesium 官网在线例子，这个也是学习 cesium 的好素材。内容概览1.cesium结合geoserver利用WFS服务实现图层删除功能2.源代码demo下载效果图如下：本篇主要是在上一篇cesium结合geoserver利用WFS服务实现图层新增(附源码下载)基础...
cesium获取当前屏幕可视区域及level层
qq_43474235的博客
03-26 1717
在查看cesium文档时，根本找不到对应的获取层级的api,因为在三维区域只能获取到相机的高度，为此通过相机高度计算level层。获取当前屏幕的可视区域的经纬度。
Cesium 关于获取地图层级Zoom
资深三维GIS开发
12-11 7983
经常看一些小伙伴问，在三维里如何获取当前的地图的层级。 首先明确的告诉大家一点，在Cesium里是获取不到当前的地图层级的，或者说获取不到明确的地图层级的，为什么那么说呢，看我以下的讲解！ 三维地图不像二维，在二维地图里比如加载某个瓦片地图，它是一个层级一个层级加载的，如下面是一个ol加载地图的截图。 我们来解析下这个url ：https://c.tile.openstreet...
《Cesium 进阶知识点》- 获取当前场景的级别
前端技术
08-30 1298
获取场景的级别信息
cesium获取当前层级
热门推荐
A873054267的博客
01-11 1万+
与二维不同，cesium其实没有层级的概念，二维之中当前层级是由zoom来控制，但是三维，视角的范围全靠视角高度来控制。 var currentMagnitude = viewer.camera.getMagnitude(); console.log('currentMagnitude - ' + currentMagnitude); viewer.camera.zoomIn((1000000...
cesium获取当前地图瓦片缩放级别
专注GIS开发
04-10 8613
cesium查看当前地图瓦片级别
cesium加载百度地图
05-20
要将百度地图与Cesium结合，我们主要需要处理两个关键步骤：获取百度地图的瓦片服务URL和在Cesium中添加这个自定义的地图源。 百度地图提供了瓦片服务API，我们可以根据API的规则构建瓦片请求URL。通常，这些URL会...
70.（cesium篇）cesium接入天地图影像与注记（经纬度）.zip
12-22
为了接入天地图，我们需要使用Cesium的`ImageryProvider`接口，它定义了获取地图图像的方式。 1. **配置天地图影像**： - 天地图提供了多种服务接口，包括WMTS（Web Map Tile Service）和TMS（Tile Map Service）...
cesium获取模型高度_cesium计算当前地图范围extent以及近似当前层级zoom
weixin_39874379的博客
11-22 859
前言cesium 官网的api文档介绍地址cesium官网api，里面详细的介绍 cesium 各个类的介绍，还有就是在线例子：cesium 官网在线例子，这个也是学习 cesium 的好素材。内容概览1.计算当前地图范围extent2.计算近似当前层级zoom效果图如下：实现思路如下：监听地图变化事件 //监听地图移动完成事件 this.viewer.camera.moveEnd.addEv...
cesium获取模型实时坐标_Cesium中Scene模块学习和使用
weixin_39669204的博客
02-23 1591
Scene是Cesium中比较重要的模块之一，因为学习Cesium初期，部分api还没使用到，我就从实用性的角度，将我实战中所用到的相关api进行分析，并逐步进行补充。设置地球模型底图颜色和场景的背景颜色通过scene可以找到globe球体的属性，并通过globe的baseColor属性修改地球模型底图的颜色。const viewer = new Viewer('cesiumContainer')...
cesium根据不同层级大小，划分当前网格
irisMoon06的博客
05-05 1895
【代码】cesium根据不同层级大小，划分当前网格。
Cesium 鼠标滚轮事件获取地图缩放等级
As_Xx_Ls的博客
11-08 4056
【代码】Cesium 鼠标滚轮事件获取地图缩放等级。
cesium中level获取与换算
zhu_zhu_xia的博客
04-13 1767
因为三维本身大多数情况是一个有倾斜角度的场景，所以存在不同视距加载不同级别瓦片的情况，简单的说就是因为三维场景跟二维场景的差异，造成了在倾斜角会存在不同级别切片的问题，而现实存在的问题是我们需要判断不同级别显示不同的服务，比如影像、倾斜摄影、模型以便减轻前端的数据加载量加快显示的速度，让用户看到当前级别的数据。 1、获取当前场景level viewer.camera.moveEnd.addEventListener(function() { let tilesToRender = ...
cesium 获取当前经纬度和视角还有当前level层级
老段的优快云的博客
05-18 3828
cesium 获取当前经纬度和视角还有当前level层级 // 跟随鼠标获取经纬度和视角高度 var longitude_show=document.getElementById('longitude_show'); var latitude_show=document.getElementById('latitude_show'); var altitude_show=document.getElementById('altitude_sho
Cesium 地图分级分片显示
资深三维GIS开发
04-22 2881
要求： 页面加载时展示中国范围地图； 双击局部缩放到局部范围，并且不展示中古地图； 局部地图缩放到一定层级，加载在线地图以提高地图精度； 一级： 二级： 三级：三级为互联网在线地图 关于地球的隐藏设置： 以上前两级的时候，我们都没展示Cesium的球，所以要对Cesium的球做一个隐藏，以下是部分代码： viewer.scene.globe.showGroundAtmosphere = false viewer.scene.skyAtmosphere.show = false ...
cesium获取当前瓦片并转换为同一层级
Alade_cuncun的博客
08-30 1501
菜鸟日记的关键就是我很菜
Cesium（十一）计算近似当前层级(2D地图概念)&&计算当前Extent
HPUGIS的博客
08-14 4376
下面分享两个计算层级和Extent的代码，废话不多说直接上代码： 一、计算当前Extent(前提一定要有tile图层) viewer.clock.onTick.addEventListener(function () { west = south = 999; east = north = -999; // 获取要渲染切片封装对象，一个切片封装对象有多个切片 var t...
cesium 获取地图层级
最新发布
02-06
### 如何在Cesium中获取地图层级信息 在Cesium中，可以通过访问`ImageryLayer`对象来获取有关地图层级的具体信息。这些层级通常由影像提供者定义，并且可以在加载完成后通过编程方式进行查询。 对于基于瓦片的地图服务，在创建`Cesium.TileMapServiceImageryProvider`或其他类型的影像提供商实例时，可以指定所需的参数，包括最大和最小级别。一旦设置了这些属性并成功初始化了图层，则可通过遍历`imageryLayers`集合中的每一项来检索当前使用的层级范围[^1]。 下面是一个简单的JavaScript代码片段用于展示如何取得已添加至场景内的某一层级的最大与最小等级： ```javascript // 获取场景中的所有影像层 var imageryLayers = viewer.scene.imageryLayers; for (let i = 0; i < imageryLevels.length; ++i) { let layer = imageryLayers.get(i); console.log('Layer ' + i + ':'); // 输出该层对应的影像提供者的名称 console.log(layer.name); // 如果存在有效的影像提供者则继续操作 if (!layer._imageryProvider || !layer.isReady()) continue; const provider = layer._imageryProvider; // 打印此影像提供者的最小编码级别以及最大编码级别 console.log(`Min Level: ${provider.minimumLevel}`); console.log(`Max Level: ${provider.maximumLevel}`); } ``` 这段脚本会迭代查看器内所有的影像层，并打印出它们各自的最低和最高显示级别。这有助于理解不同源之间的差异及其可用分辨率范围[^2]。 此外，如果想要实时监控某一特定时刻下实际渲染了多少级别的数据，还可以监听`scene.preRender`事件并在每次渲染前检查当前视口所涉及的层级情况。不过需要注意的是这种方法可能会带来一定的性能开销，因此建议仅用于调试目的[^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值