Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Build an Interactive Website Google Maps Integration Adding Static Maps

Sam Hayward
Sam Hayward
11,673 Points
Posted by Sam Hayward
Sam Hayward
11,673 Points

Google static map not showing

I am using this code to try and implement the static google maps The google maps api v3 is activated on my account. However it just does not work, is there something stupid i'm doing here?

<p>
     <img src="http://maps.googleapis.com/maps/api/staticmap?key=AIzaSyBDp5n_ZrBL8enFRWcAXBhL_YnTHaFvpPE&size=400x300&sensor=false&markers=622+E+Washington+Street,+Suite+240+Orlando,+FL+32801"
    alt="622 E Washington Street, Suite 240 Orlando, FL 32801">
</p>

any help would be much appreciated =)

2 Answers

Gregory Benner
Gregory Benner
5,732 Points

Weird, try logging into google maps api and making sure you fill in which website you will be hosting this from, if you try the image src link " http://maps.googleapis.com/maps/api/staticmap?key=AIzaSyBDp5n_ZrBL8enFRWcAXBhL_YnTHaFvpPE&size=400x300&sensor=false&markers=622+E+Washington+Street,+Suite+240+Orlando,+FL+32801 " you see the API is refusing something you set up.

Sam Hayward
Sam Hayward
11,673 Points
Sam Hayward
Sam Hayward
11,673 Points

Yes it was me being dumb, I didnt type the site when making a new api key. Thank you so much =))

Sam Hayward
Sam Hayward
11,673 Points
Sam Hayward
Sam Hayward
11,673 Points

Yes it was me being dumb, I didnt type the site when making a new api key. Thank you so much =))

Kang-Kyu Lee
Kang-Kyu Lee
52,045 Points
Kang-Kyu Lee
Kang-Kyu Lee
52,045 Points

thank you, helped me a lot. I just did that part and it was "This API project is not authorized to use this API." to my case. And (based on what here says) tried "localhost" in Referrer! For others just in case... and https://developers.google.com/maps/documentation/javascript/tutorial