cesium获取当前地图瓦片缩放级别

本文分享了作者如何在Cesium三维地球中精确获取地图瓦片层级的过程,从尝试失败到深入理解globe内部结构,通过tilesToRender属性实现了瓦片级别的实时监测。读者将了解到踩过的坑、实现思路和关键代码片段。

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


Cesium实战系列文章总目录传送门

1.实现效果

在这里插入图片描述

2.实现方法

看了网上的一些博客,很多人都是通过计算相机高度来间接近似计算瓦片级别,显然这是不够准确的。

而且Cesium在三维地球中,为了渲染效率等多方面考虑,在屏幕上显示的地图瓦片级别不是都相同的。

如会使用屏幕空间误差来调度不同级别的瓦片:
在这里插入图片描述

2.1踩坑过程

首先是想模仿坐标瓦片信息图层TileCoordinatesImageryProvider,来确定当前页面显示的地图瓦片级别。

看了官方文档后,发现其提供了获取最小最大瓦片层级的函数,minimumLevelmaximumLevel传送门
在这里插入图片描述本以为可以实现功能了,但是在判断ready返回true后,控制台输出maximumLevel和minimumLevel的返回值一直是undefined,看了一下源码之后发现,这个函数就只会返回undefined。。。。,这貌似是源码有问题吧。。。。。。。
在这里插入图片描述于是此路不通,换个方法

2.2实现思路

通过查看globe的源码,发现surface中包含了四叉树瓦片数据。
在这里插入图片描述继续往下看源码,发现tilesToRender成员变量,是当前渲染需要的瓦片。于是利用这个属性来获取当前渲染瓦片的信息,实现功能。
在这里插入图片描述

2.3具体代码

查看当前地图瓦片级别的具体实现代码如下,并使用Set进行数组去重,并在控制台输出。

// 获取当前地图瓦片级别
function tileLevel(){
	let tiles = new Set();
	let tilesToRender = viewer.scene.globe._surface._tilesToRender;
	if (Cesium.defined(tilesToRender)) {
	    for (let i = 0; i < tilesToRender.length; i++) {
	        tiles.add(tilesToRender[i].level);
	    }
	    console.log("当前地图瓦片级别为:");
	    console.log(tiles);
	}
}
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

右弦GISer

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

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

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

打赏作者

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

抵扣说明:

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

余额充值