Advanced Tutorial

Photorealistic 3D Tiles

进阶中级30 分钟

当你的应用需要城市级真实环境,而不是普通地球底图时,这篇教程就是场景底座的关键入口。

Overview

你会学到什么

重点不是“再加载一个图层”,而是把高保真城市模型当成整个应用的真实空间语境。这样后续所有业务对象都会更有说服力。

Starter Code

底座接入骨架

const tileset = await createGooglePhotorealistic3DTileset();
viewer.scene.primitives.add(tileset);

viewer.camera.flyTo({
  destination: Cartesian3.fromDegrees(-74.012, 40.705, 1800),
});

Business Advice

项目中的使用建议

  • 高保真城市底模很强,但不应抢走业务主体。
  • 颜色和材质要为上层业务对象留出可读空间。
  • 进入近景和远景时,镜头策略需要重新设计。

Practice Flow

建议步骤

  1. 完成凭据配置。
  2. 创建 Viewer 并保持场景尽量干净。
  3. 加载 photorealistic 3D tileset。
  4. 用 geocoder 快速定位典型区域。
  5. 叠加你的业务对象,检查对比关系。

Good For

最适合用在

  • 城市级展示页。
  • 规划方案对比。
  • 楼宇和设施落点说明。

Watch Out

重点风险

  • 服务配置错了,首屏就会空白。
  • 镜头过低时更容易暴露上层对象比例问题。
  • 底模过强时,业务对象配色必须更克制。