Google Earth API弃用后如何将Google Earth Story嵌入iFrame

别被早年Google Earth API弃用的信息误导，旧API停服不影响现有Web端制作的Earth Story嵌入，目前官方原生支持的方案完全可用，还能完整保留所有你需要的3D地图、街景等原生功能。

首选方案：官方iframe嵌入（零开发、全功能兼容） #

• 打开你制作完成的Google Earth Web Story，点击页面右上角的分享按钮
• 在弹出的分享面板里找到「嵌入」选项，系统会自动生成适配好的iframe代码片段
• 直接把这段代码粘贴到你自有网站的对应页面位置即可，所有Story自带的功能——包括3D地形浏览、街景跳转、故事线节点切换、交互动效——都会完整保留，不需要做任何二次开发
• 如果需要手动调整iframe尺寸、权限配置，可以参考下面的基础结构，注意不要关闭必要权限，否则会出现交互失效的问题：

<iframe
  src="替换为你的Story专属嵌入地址"
  width="100%"
  height="720px"
  frameborder="0"
  allowfullscreen
  allow="geolocation; autoplay; fullscreen; clipboard-write"
></iframe>

• 部署后如果遇到加载异常，先检查网站的内容安全策略（CSP）配置，确保没有拦截Google Earth相关的脚本、静态资源加载即可。

兜底备选方案（仅原生嵌入不可用时考虑） #

你之前调研过的Cesium可以作为兜底选项：

• 原生Cesium确实没有开箱即用的街景、全局高精度3D地图能力，如果要补齐这两个能力，需要自行接入公开3D地形瓦片服务、第三方街景数据源做二次开发，整体开发成本不低，最终体验和Google原生的Story能力也有明显差距，只建议在网络环境等客观条件导致完全无法加载Google Earth资源的时候选用。

内容的提问来源于stack exchange，提问作者never_again