谷歌地图API JavaScript未在html文件中运行，但在w3schools中运行

Question

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

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

当我跑了HTML文件中的浏览器，我收到一个警告，说明出错InvalidKeyOrUnauthorizedURL，但似乎我做的一切都是正确的，实际上看来我真的做到了，因为当我运行W3Schools教程中的确切代码（“试一试你自己”）时，结果显示了我的位置。

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

意见： 请注意，该文件没有被托管，它是我自己的电脑。 我试图在Opera和Chrome浏览器中运行，并且都失败了。 我直接在浏览器上成功地运行了Google Maps API的代码，但他们不需要任何密钥。

谢谢

Answer 1

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

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

在localhost接口上设置一个服务器，然后尝试运行它。它应该工作得很好。

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