Google Staticmap 403错误

时间:2016-08-01 08:37:55

标签: javascript maps

使用静态地图时我总是得到

  

无法加载资源:服务器响应状态为403()

但我不明白为什么。我认为我的标记是正确的,但我认为你们可以帮助我。

<img src="https://maps.googleapis.com/maps/api/staticmap?center=LATITUDE,LONGITUDE&zoom=15&size=160x90&markers=color:red|LATITUDE|LONGITUDE&key=KEY">

谢谢!

2 个答案:

答案 0 :(得分:0)

https://maps-generator.com/这会很好地指导你,我认为新地图使用api密钥,该网站将引导出来

答案 1 :(得分:0)

<img src="https://maps.googleapis.com/maps/api/staticmap?center=LATITUDE,LONGITUDE&zoom=15&size=160x90&markers=color:red|LATITUDE|LONGITUDE&key=KEY">

因此,在显示KEY的地方应该放置API密钥。您可以在此处生成一个:https://console.cloud.google.com

您需要找到Google Maps Static。选择它,启用它。转到凭据并创建一个API密钥。然后,我建议您使用以下网址按域(http引荐来源网址)限制API密钥。

*.YOURDOMAN.COM/*

YOURDOMAIN.COM/*

每个框中一个。用您的网站地址替换YOURDOMAIN.COM。希望对您有所帮助。

您还需要用正确的值替换LATITUDE,LONGDITUDE。找到它们的最简单方法是进行Google Maps搜索并复制URL。它们看起来像:

https://www.google.co.uk/maps/place/Square+Balloon/@51.613498,0.0882521,15z/data=!4m5!3m4!1s0x0:0xec92c9ffe1ab887d!8m2!3d51.613498!4d0.0882521

您需要的部分在@符号后面。

@51.613498,0.0882521

51.613498是纬度和 0.0882521是经度。

顺便说一句,Z之后的另一部分是Zoom。您可以在URL中以zoom = 15看到它。您也可以放大和缩小并复制该值。