Google地图未显示在Localhost和JSFiddle（地理位置）中

Question

我正在尝试运行以下示例：

https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_geolocation_map

在JSFiddle中：

https://jsfiddle.net/y8p1x4jf/

现在，该示例可在W3Schools编辑器中使用。 但是，当我在JSFiddle或Localhost上运行它时，我看到：

在本地主机上，我看到的是相同的：

但是，如果我将W3Schools示例代码粘贴到.html文件中，然后通过浏览器将其打开，则地图显示正常。

为什么它在JSFiddle和Localhost中不断显示损坏的图像链接？ 我认为这与地理位置有关。 当我复制损坏图像的网址并更改该网址上的经度和纬度时，该图片可以正常工作。

当我访问损坏的图像网址时，在浏览器的地址栏中，我看到以下错误： The Google Maps API server rejected your request. Invalid request. Missing the 'size' parameter. The Google Maps API server rejected your request. Invalid request. Missing the 'size' parameter.

Answer 1

是的，它是网站。 查看网络中的响应。

Google Maps API服务器拒绝了您的请求。 此IP，站点或移动应用程序无权使用此API密钥。 从IP地址76.76.254.34收到的请求，带有引用： https ://fiddle.jshell.net/_display/。

您必须先获得一个密钥，然后才能在https://developers.google.com/maps/documentation/javascript/get-api-key中对其进行调用