An unofficial tutorial by Esa. Not officially authorised or approved by Google® or Blogger®. Tested in real world applications.
By following these basic instructions you can publish a Google Map of the location you like in your blog. It can be done in a post or sidebar. With no programming experience. If you can set links in your blog you can set a map as well. See examples with sidebar map or one with posted map.
Prepare the design of your map.
What are you going to display? Following parameters should be chosen before you start
editing the source code:
Replace (-72.585, 42.102) with your center coordinates (longitude, latitude) comma separated and in decimal form. Replace 2 by your zoom level.
Set the map type of your choice in:
Select (G_MAP_TYPE), (G_SATELLITE_TYPE) or (G_HYBRID_TYPE)
You can set different control button styles in:
but small controls are stylish for a blog.
Place the map in the blog sidebar
Insert the following code to the template source code in the position of your choice:
Edit the width and height to your taste. Save and close the template.
Or place the map in a post
Create a new post. There are two modes in the Posting Create page. Compose and Edit Html. You can write your text in Compose mode but select Edit Html mode when you insert the following code:
Edit the width and height.
var point = new GPoint(-72.587, 42.1);
var marker = new GMarker(point);
The code should look like:
Many push pins
Duplicate those three lines as many times as you like.