谷歌地图API JavaScript不在html文件中运行，但在w3school中运行

google maps API JavaScript not running in html file but runs in w3schools

本文关键字：运行 但在 w3school 文件 API JavaScript 不在 html 谷歌地图      更新时间：2023-09-26

我试图获取我的当前位置并在谷歌地图中显示。为此：

  • 我激活了Javascript API（在google.developers网站上）
  • 获得了访问api的密钥
  • 将下面链接中的代码复制到一个html文件中（当然，在"调用"api时插入我的密钥）

https://developers.google.com/maps/documentation/javascript/examples/map-geolocation

当我在浏览器中运行html文件时，我收到了一个警告，给出了错误InvalidKeyOrUnauthorizedURL，但看起来我做得很好，实际上我似乎真的做了，因为当我在W3Schools教程中运行确切的代码（"自己试试"）时，结果显示了我的位置。

所以在这个上下文之后，我想知道为什么我不能直接在浏览器上运行这个代码，我的意思是，使用w3schools是可以的，但这不是正确的方式，它质疑为什么它无效。

观察结果：请注意，该文件不是托管的，它是我自己的计算机。我试着在Opera和Chrome浏览器中运行，但都失败了。我直接在浏览器上成功地运行了谷歌地图api的代码，但它们不需要任何密钥。

感谢

这是因为您没有在本地服务器上托管它。

即使您允许所有网站跟踪您的位置，您的浏览器也不会允许进行位置请求。

在localhost接口上设置一个服务器，然后尝试运行它。它应该可以正常工作。

PS。当任何位置请求被阻止时，您的浏览器都会告诉您。在Chrome浏览器中，请求定位后，URL栏右侧会有一个小图标。

相关文章：