在生产环境中启用 google maps api key

Question

我制作了一个烧瓶应用程序并将其部署到 Linode 上的 linux 服务器上。它正在运行，我的一些页面正在运行。例如，联系页面有效。然而，他们中的一些人有一个嵌入的谷歌地图。加载其中一个页面后，我的地图一瞬间可见，然后是一个大大的灰色感叹号！地图被挡住了。

在我的远程环境中使用 Flask 的内置开发服务器测试应用程序时，我的所有功能都正常工作。迁移到生产环境时，我使用了 nginx 和 gunicorn。而且我认为我做得对。判断我确实看到谷歌地图只工作了一秒钟，看起来这不是问题。

我是否需要以某种方式为生产环境启用我的 google maps javascript api 密钥？

Answer 1

当我查看您的源代码时，我明白了

https://maps.googleapis.com/maps/api/js?key=None&callback=initMap

所以，你没有添加 API 密钥，所以它不能工作。

请查看https://developers.google.com/maps/documentation/javascript/get-api-key获取密钥。