Overview
你真正要掌握的点
不是单纯显示一张全景图，而是把全景图和真实地理位置、相机朝向、宏观场景切换逻辑整合起来，让用户知道自己“正站在地图上的哪里”。
Formats
会涉及的内容
- Equirectangular 与 cube map。
- Heading、Pitch、Roll。
- 从地球场景进入全景内部视角。
Starter Code
全景点位骨架
const position = Cartesian3.fromDegrees(121.4737, 31.2304, 8);
const hpr = new HeadingPitchRoll(heading, pitch, roll);
viewer.entities.add({
position,
billboard: {
image: "./panorama-marker.svg",
verticalOrigin: VerticalOrigin.BOTTOM,
},
});Project Advice
让全景切换更自然
先做好定位点 用户必须先知道全景对应地图上的哪一个位置。
朝向要可校准 实际项目里 Heading/Pitch/Roll 经常需要人工微调。
切换要有过渡 从宏观场景进到全景时，最好用镜头飞行或淡入淡出过渡。
Practice Flow
建议步骤
- 准备一组可用的全景资源。
- 在场景中给全景定义地理位置。
- 调整朝向参数，让图像和现实方向一致。
- 设计进入和退出全景的交互。
- 测试从宏观场景跳到微观视角的连续性。
Good For
适合用途
- 文旅导览。
- 现场还原。
- 测绘和空间留档。
Pitfalls
容易踩的坑
- 朝向不准会让全景完全失去可信度。
- 高分辨率全景图会带来加载压力。
- 切换方式如果太突然，用户会失去空间上下文。
Next