现在我可以使用此 URL 成功请求 Google 静态 map 图像:
http://maps.google.com/staticmap?center=37.687,-122.407&zoom=8&size=450x300&maptype=terrain&key=[my key here]&sensor=false
然而,第二次我使用 JQuery 或任何直接的 javascript 将图像的 src 设置为上述 url,Google 返回错误 400:
“您的客户发出了格式错误或非法的请求。”
我读到这通常是因为 key 不正确,但我的 key 显然被传递了。
这就是我动态设置图像的方式:
document.getElementById('my-image-id').src = "http://maps.google.com/staticmap?center=37.687,-122.407&zoom=8&size=450x300&maptype=terrain&key=[my key here]&sensor=false"
我已经用正确的 key 替换了[我的 key ],但它仍然不起作用。当我通过浏览器请求相同的 url 时,没问题。我已确认正确的引荐来源网址也已通过。
有什么想法吗?
最佳答案
此代码对您有用吗(对我有用——请务必插入您的 key )?
<html>
<head>
<script language="javascript">
function swap() {
document.getElementById('my-image-id').src = "http://maps.google.com/staticmap?center=37.687,-122.407&zoom=8&size=450x300&maptype=terrain&key=&sensor=false"
}
</script>
</head>
<body>
<img src="http://www.google.com/intl/en_ALL/images/logo.gif" width="450" height="300" onClick="swap();" id="my-image-id" />
</body>
</html>
关于javascript - 如何使用 Javascript 加载 Google 静态 map 图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/977410/