ansaurus

Question

How to load a Google Static Maps Image using Javascript

Answer 1

+1 A:

You have a possible typo with the g on the end here:

&key=[my key here]g

lucas 2009-06-10 18:46:24

Good catch, but that was a typo when I got rid of my key, it's not the source of the problem ;)

sotangochips 2009-06-10 18:49:07

Haha. I figured as much :)

lucas 2009-06-10 18:53:42

Answer 2

+3 A:

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&amp;zoom=8&amp;size=450x300&amp;maptype=terrain&amp;key=&amp;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>

lance 2009-06-10 18:47:52

Ok, so the reason it wasn't working was that I was using the wrong API key. Apparently you don't need an API key when you're testing locally, so it wasn't failing. When trying it in production, I had the wrong API key and it *was* failing. Thanks for your help!

sotangochips 2009-06-10 19:00:23

Answer 3

A:

http://maps.google.com/staticmap?markers=42.34712656235509,-71.09785079956054,blues|42.347538891830986,-71.08630657196045,blues|42.348458693992754,-71.07669353485107,blues|42.34804637055011,-71.07029914855957,blues&path=rgb%3A0x0000ff,weight%3A5|42.34712656235509,-71.09785079956054|42.347538891830986,-71.08630657196045|42.348458693992754,-71.07669353485107|42.34804637055011,-71.07029914855957&zoom=16&size=800x800&maptype=roadmap&key=ABQIAAAA1XbMiDxx%5FBTCY2%5FFkPh06RRaGTYH6UMl8mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q

ds 2009-09-26 07:32:18

Answer 4

+1 A:

The problem is with the key. Register for a new key and append with the url. It will work fine. I even was faccing same problem. It was working with direct paste in address bar of browser. But in production it was not working. I put new key and it worked fine both in production and browser.

kishor 2009-10-01 12:41:00

ansaurus

tags:

views:

answers:

How to load a Google Static Maps Image using Javascript

related questions