经纬志
首页 / Cesium / 使用示例

S2 网格与全球影像金字塔

S2 用层层细分的四边形组织全球影像。示例把三层不同密度的网格叠在东亚上空,直观看到层级越深格子越小。

CesiumJS 1.121 · 更新 2026-10-28
源码与运行效果
运行效果

这个示例在做什么

S2 网格把地球表面切成一层层四边形的格子,层级越深格子越小,影像金字塔就按这个层级组织。 示例在东亚区域叠了三层网格:4×4 覆盖整片、8×8 覆盖中心区、16×16 覆盖最内层, 颜色由冷到暖表示层级加深。

网格线用 fromDegreesArrayHeights 抬高到 3000 米,避免与球面发生深度冲突。 真实数据显示时,这一层网格通常是调试用的辅助线,正式效果仍来自影像瓦片。

关键接口

接口作用
Cartesian3.fromDegreesArrayHeights一次写出多段带高度的折线顶点
polyline.width网格线粗细,线宽在大范围下要适当加粗
PolylineGraphics.material不同层级用不同颜色,分层更直观
camera.flyTo退到百万米级高度查看整片网格

可以直接改的地方

位置改什么效果
grid(lon0, lat0, lon1, lat1, n, color)改第四参数 n该层网格密度
3000(抬高高度)改成 50000网格浮空更高,适合更远的视角
width: 1改成 2.5线条更粗
grid 的三次调用换成其他经纬度范围网格覆盖到别的区域

替代说明:官方示例加载 S2 组织方式的全球影像金字塔数据集(ion 托管)。 这里用三层嵌套网格表达同一套层级概念,网格绘制与相机退远查看的写法可直接复用。