Google 地图未在 Localhost 和 JSFiddle 中显示（地理定位）
Google map doesn't get displayed in Localhost and JSFiddle (Geolocation)
我正在尝试 运行 这个例子：
https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_geolocation_map
在 JSFiddle 中：
https://jsfiddle.net/y8p1x4jf/
现在这个例子可以在 W3Schools 编辑器中运行了。但是当我在 JSFiddle 或 Localhost 上 运行 它时，我看到：
在本地主机上，我看到了相同的内容：
但是，如果我将 W3Schools 示例代码粘贴到 .html 文件中，然后通过浏览器打开它，则地图显示正常。
为什么它在 JSFiddle 和 Localhost 中一直显示损坏的图像 link？我认为这与地理位置有关。当我复制损坏图像的 url 并更改那个 url 上的纬度和经度时，图像就可以正常工作了。
当我访问损坏的图像 url 时，在我的浏览器地址栏中我看到以下错误：The Google Maps API server rejected your request. Invalid request. Missing the 'size' parameter.
是的，就是这个网站。查看网络中的响应。
Google 地图 API 服务器拒绝了您的请求。此 IP、站点或移动应用程序无权使用此 API 密钥。从 IP 地址 76.76.254.34 收到请求，引用者：https://fiddle.jshell.net/_display/。
你必须得到一个密钥，你可以在https://developers.google.com/maps/documentation/javascript/get-api-key
中调用它
我正在尝试 运行 这个例子：
https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_geolocation_map
在 JSFiddle 中：
https://jsfiddle.net/y8p1x4jf/
现在这个例子可以在 W3Schools 编辑器中运行了。但是当我在 JSFiddle 或 Localhost 上 运行 它时，我看到：
在本地主机上，我看到了相同的内容：
但是，如果我将 W3Schools 示例代码粘贴到 .html 文件中，然后通过浏览器打开它，则地图显示正常。
为什么它在 JSFiddle 和 Localhost 中一直显示损坏的图像 link？我认为这与地理位置有关。当我复制损坏图像的 url 并更改那个 url 上的纬度和经度时，图像就可以正常工作了。
当我访问损坏的图像 url 时，在我的浏览器地址栏中我看到以下错误：The Google Maps API server rejected your request. Invalid request. Missing the 'size' parameter.
是的，就是这个网站。查看网络中的响应。
Google 地图 API 服务器拒绝了您的请求。此 IP、站点或移动应用程序无权使用此 API 密钥。从 IP 地址 76.76.254.34 收到请求，引用者：https://fiddle.jshell.net/_display/。
你必须得到一个密钥，你可以在https://developers.google.com/maps/documentation/javascript/get-api-key
中调用它