Add Maps to Your Page: Step 1 - Get the Code

First, you need to get a free API key from Google Maps here: http://code.google.com/apis/maps/signup.html. You only need to do this once for each entire website you own. Go there or use the window below:

Scroll to the bottom and enter the name of the server where you have your web page. The server name is only the part between the "http://" and the next "/". For example:

• For "http://geo.goro.am/example", you would use: geo.goro.am
• For "http://goroam.wordpress.com/wp-admin/post.php", you would use: goroam.wordpress.com

(Sometimes it can be slightly more complicated than this; for more information see our Google Maps Server Name tutorial.)

Click the checkbox to accept the terms and conditions and click the "Generate API key" button. On the next screen, you will see your key. Save this somewhere for future reference.

Copy the code below and paste it anywhere into the HTML code of your page. If you are using a platform where you see formatting buttons and no HTML code, you will need to switch to edit the HTML directly. Be sure to replace the "your key here" text with the key you generated from Google above.

code:
<script src="http://geo.goro.am/api.js?gmaps_key=your key here" type="text/javascript"></script>

Great, you're done with Step 1 - time to move on to Step 2.

See also: how to do step 1 on popular sites.