谷歌地图错误

Question

使用Google地图时出错

• 您已在此页面上多次添加Google Maps API。 这可能会导致意外错误。
• Google Maps API警告：SensorNotRequired
• Google Maps API警告：NoApiKeys但我有一个API密钥

这是我的页脚标记

<script src="https://www.gstatic.com/firebasejs/4.1.2/firebase.js"></script>

<script src="https://cdn.firebase.com/libs/geofire/4.1.2/geofire.min.js">
</script>

<script async defer src="https://maps.googleapis.com/maps/api/js?key=">
</script>

Answer 1

您的API密钥丢失

您的Google地图脚本请求中似乎没有包含该密钥。

Google有official guide了解如何设置所有内容

在你的情况下，你带走了这样的脚本：

<script async defer src="https://maps.googleapis.com/maps/api/js?key=">
</script>

您错过了网址中的关键参数。这就是谷歌想要你的请求的方式

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

注意它所在的部分key=YOUR_API_KEY这就是您需要放置API密钥的位置。

API密钥如下所示:(不是实际密钥）

AIzaSyBMh448pWbvhyvsqY4OasYmam4ppD2CHPM

您的最终链接应如下所示：

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

多个请求

另一个警告：

“您已在此页面上多次包含Google Maps API”

表示您已尝试在同一页面上多次请求Google Maps API。我在你的示例代码中没有看到。您可能会在header中的其他地方提出其他请求。 每页不要使用多个。

修改

查看您的页面来源后，我发现了这个：

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

这是导致多次请求API的错误的额外请求。