谷歌地图不会显示在 Localhost 和 JSFiddle（地理位置）中答案

【问题标题】：Google map doesn't get displayed in Localhost and JSFiddle (Geolocation)谷歌地图不会显示在 Localhost 和 JSFiddle（地理位置）中
【发布时间】：2017-11-19 10:57:30
【问题描述】：

我正在尝试运行这个示例：

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

在 JSFiddle 中：

https://jsfiddle.net/y8p1x4jf/

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

在 localhost 上，我看到了同样的结果：

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

为什么在 JSFiddle 和 Localhost 中总是显示损坏的图像链接？我认为这与地理位置有关。当我复制损坏图像的 url 并更改该 url 上的 lat & lng 时，图像就可以正常工作了。

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

【问题讨论】：

标签： javascript google-maps geolocation localhost jsfiddle

【解决方案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调用它

【讨论】：