Home/ Questions/Q 258807
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T22:12:40+00:00

Right now I can use this URL to request a Google Static Maps image

  • 0

Right now I can use this URL to request a Google Static Maps image successfully:

http://maps.google.com/staticmap?center=37.687,-122.407&zoom=8&size=450x300&maptype=terrain&key=[my key here]&sensor=false

However, the second I use JQuery or any direct javascript to set an image’s src to the above url, Google passes back a Error 400:

“Your client has issued a malformed or illegal request.”

I’ve read that this is usually from the key being incorrect, but my key is clearly being passed.

This is how I’m setting the image dynamically:

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"

I’ve replaced [my key here] with my correct key, and it still doesn’t work. When I request the same url through the browser, it’s fine. I’ve confirmed that the correct referrers are getting passed as well.

Any ideas?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Does this code work for you (it works for me — be sure to insert your 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>
    • 0