google maps API JavaScript不在html文件中运行，但在W3中运行

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

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

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

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

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

---

谢谢

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

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

在localhost接口上设置服务器，然后尝试运行它。它应该很好用

---

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

可能的重复项没有密钥是否可以工作（不需要密钥，只是推荐）？你完全正确，我找到了本地托管文件的方法，现在它可以正常工作了！下面的链接教会了我如何使用localhost，如果有人感兴趣：