javascript - 使用具有 "same-origin"跨源策略的 maps.googleapi.com

Question

我在网络应用程序中使用谷歌地图 API，据我所知，它只能加载脚本标签:<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key={your_api_key}&libraries=drawing,geometry"></script> .

由于一项新功能使用了 WebAssembly 模块，该模块是通过 pthread 支持构建的，我将不得不为我们的应用程序/站点调整 CORS 策略，因为 SharedArrayBuffer is affected by Meltdown/Spectre :

"Cross-Origin-Embedder-Policy": "require-corp"
"Cross-Origin-Opener-Policy": "same-origin"

这几乎适用于所有应用程序，但由于 googleapis CDN 未将“Access-Control-Allow-Origin” header 设置为“*”，因此现在已被阻止。

有没有办法以某种方式或通过使用来自谷歌的另一个 CDN/端点来启用此功能？

Answer 1

为了让它正常工作，我做了两件事。

1. 承认现在不可能使用 SharedArrayBuffer 并修改了代码，以便在不使用 pthreads 和 SharedArrayBuffer 的情况下构建它
2. 就 CORS 政策问题联系了 Google 支持

前段时间我收到一封来自谷歌支持的电子邮件，说他们现在在他们的端点上添加了适当的 CORS 规则，所以它现在应该可以工作了。

但是，我没有对其进行测试，因为我不再需要它了，但希望其他开发人员不会再遇到 google maps API 和 CORS 的麻烦。