With all the interesting services being “mashed-up” around the Google Map API I thought it would be easy to figure out how to simply show a map inside a blog entry. I discovered it really wasn’t that simple at all. First of all place the little code snippet here in your HTML header (between the <head> and </head> tags). Note that you will need a superlong string of text that is your Google Maps API key that needs to map to your originating URL.
Then all you do is give your map a name, size in width/height, a title, and an address by putting this where you want the map to go all on a single line in raw HTML mode:
<div id="mappy" style="400px; height: 300px; background-color:white; padding: 10px"><span onclick="googlemap('The Media Lab','20 ames street, cambridge ma 02139','mappy')">[Fetch Google Map]<span></div>