使用 Vaadin 在 Java 项目中实现 Google Maps API 密钥答案

【问题标题】：Implementing Google Maps API Key into Java Project using Vaadin使用 Vaadin 在 Java 项目中实现 Google Maps API 密钥
【发布时间】：2016-09-01 02:12:41
【问题描述】：

我接手了一个使用 Eclipse（我也是新手）用 Java 编写的正在进行的项目（我之前没有经验，但我可以编写 Python 和 C++ 代码）。该项目使用 Vaadin 组件，Eclipse 使用 glassfish 运行它，它会在浏览器中弹出一个带有结果的页面。

我已经成功地在代码中导航并进行了一些修改，但是其中一个是带有标记的小型 Google 地图，我无法显示它。之前的所有者已经为其设置了 Google Maps API。当我在 Eclipse 中运行代码时，结果会出现一个以“localhost:8080 ...”开头的链接，该链接不显示 Google 地图（“糟糕，出了点问题。此页面未正确加载 Google 地图。请参阅Javascript 控制台了解技术细节。”）。当我用计算机的 IP 切换“localhost”时，组件可以访问 API，并显示地图。

我正在尝试用我刚刚在Google Developers Console 获得的项目替换项目前所有者的 API 密钥。虽然我还搜索并发现了许多与this one 非常相似的示例，但我无法通过 Eclipse 在项目中找到任何可以应用该解决方案的 javacript 文件。

最终目标是将导出的 .war 文件托管在服务器上，非常感谢任何有关如何定位代码和 API 密钥之间链接的帮助。

谢谢

【问题讨论】：

标签： javascript java eclipse google-maps vaadin

【解决方案1】：

我建议您使用this semi-official addon 而不是尝试自己动手。它允许您直接在组件构造函数中提供 API 密钥。

您还应该查看Vaadin add-on directory 以了解其他需求，它有数百个用于多种用途的有用插件。

【讨论】：

感谢您的建议。我忘了提到我的问题中的谷歌地图组件是使用谷歌地图插件实现的。上面描述的场景是用一个空值生成的，其中 apikey 应该在构造函数中（根据我读过的许多讨论，这对 localhost 应该没问题，但对我来说不是）。我也尝试将我自己获得的 apikey 放在该字段中，但是对于 Google 地图应该位于的部分，只出现了一个空白的灰色屏幕（没有那个标准的 google 警告消息）。