Google Maps API不起作用

Question

我在使用Google MAPS API时遇到问题，我不知道问题出在哪里。在控制台中，我收到此错误

Google Maps JavaScript API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: http://localhost:49931/Nfdocuments/CreateNext?Id=1127

我在标记中添加了我的API，但是MAPS没有显示在视图中。 伙计们，请帮帮我吗？

Answer 1

根据https://developers.google.com/maps/documentation/javascript/error-messages

，这可能是您用来加载Google地图的URL无法提供所需服务的问题。

您应确保使用正确的API密钥，并确保已启用该API密钥的服务。一切都可以在Google Cloud Platform Console中进行设置。它应该在API和服务下。希望有帮助。

您也可以参考以下内容： https://developers.google.com/maps/documentation/javascript/get-api-key

更新：

您应该在API列表中包含Maps Javascript API：

您需要获取一个可以在“凭据”标签中创建的API密钥：

1. 如果表中没有列出任何键，请按此处创建一个键
2. 如果您已经拥有密钥，只需将其复制并放入javascript

然后在您的html正文中应该有一个ID为“ map”的div标签（您可以根据需要更改ID）：

<property>
<name>http.auth.file</name>
<value>httpclient-auth.xml</value>
<description>Authentication configuration file for 'protocol-httpclient' plugin.
</description>

您必须在HTML标头中包含脚本以包含google库：

<div id="map" style="width:100%;height:400px;background:yellow"></div>

注意：您需要用在Google控制台中创建的有效API密钥替换您自己的API密钥。

然后，您需要编写另一个JavaScript来初始化Google地图：

<script async defer src = "https://maps.googleapis.com/maps/api/js?key=<YOUR OWN API KEY>&callback=mapInput" ></script>