google-maps - 来自域名的 ZK 应用程序中用于 Google map 的 Google API key

Question

我有一个使用 Google map (gmaps) 的 ZK (Java Spring) 应用程序。我使用的ZK版本是7.0.3 EE。

在我的应用程序中，我没有使用谷歌 API key ，而且自从不久前一切似乎都运行良好(我可以正确地可视化 map )。

似乎从去年 7 月开始就需要使用 API key ，所以我尝试插入一个 API key 。

因此，我按照此 https://support.google.com/cloud/answer/6158862?hl=en&ref_topic=6262490 中的说明为我的应用程序创建了一个浏览器 API key .然后，按照 https://www.zkoss.org/zkdemo/reporting/google_map 中的示例进行操作我在我的 .zul 页面中添加了以下标签:

<script type="text/javascript" content="zk.googleAPIkey='my api key'" />
<gmaps ...> 
</gmaps>

请注意，如果我从本地 IP 访问 Web 应用程序， map 会正确显示。另一方面，如果我通过注册域名 portal.mydomain.eu 而不是 map 访问它，我会看到一个带有以下错误消息的灰色框(请注意，在“接受来自这些 HTTP 引荐来源网址(网站)的请求”中，我将我的域名插入为“*.mydomain.eu/”):

Oops! Something went wrong.
This page didn't load Google Maps correctly. See the JavaScript console for technical details.

以下是 Javascript 控制台错误消息(消息是意大利语，我在相关的每一行下面插入了英文翻译):

GET 
http://portal.mydomain.eu/images/portal_footer.jpg [HTTP/1.1 404 Not Found 23ms]
L’API Fullscreen con prefisso è deprecata, al suo posto utilizzare l’API senza prefisso. Per ulteriori informazioni consultare https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API controls.js:23:54
***the Fullscreen API with prefix is deprecate, use insteass the API without a prefix. For further information ... ***

"Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error" js:35:350
"Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys" util.js:221:12
"Google Maps API warning: RetiredVersion https://developers.google.com/maps/documentation/javascript/error-messages#retired-version" util.js:221:12
"Google Maps API warning: SensorNotRequired https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required" util.js:221:12
"Google Maps API warning: InvalidClientId https://developers.google.com/maps/documentation/javascript/error-messages#invalid-client-id" util.js:221:12
L’utilizzo di getPreventDefault() è deprecato. Al suo posto utilizzare defaultPrevented.
***the usage of getPreventDefault() is deprecated. Use instead defaultPrevented.***

知道我做错了什么吗？拥有“浏览器 key ”是否可以，还是我需要不同类型的 key ？

编辑:

我尝试用链接 Whats the API Key for in Google Maps API V3? 中的脚本标签替换脚本标签

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY" type="text/javascript"></script>

有了这个，我看到一个白色框而不是灰色框，在 javascript 控制台上，错误现在是 Google Maps API error: RefererNotAllowedMapError

Answer 1

您可以在 documentation 上找到您对更新问题的回答。 .基本上，RefererNotAllowedMapError 表示加载 API 的 URL 未添加到引荐列表。

The current URL loading the Google Maps JavaScript API has not been added to the list of allowed referrers. Please check the referrer settings of your API key on the Google API Console.

See API keys in the Google API Console. For more information, see Best practices for securely using API keys.