Google Maps

Tag Attributes

This extension defines a <googlemap> tag. Legal attributes are:

• width of the map (in pixels; defaults to 450)
• height of the map (in pixels; defaults to 300)
• lat (the center latitude on the map, defaults to my old dorm room :-)
• lon (the center longitude on the map)
• zoom (the zoom level; 0 is the furthest away, 17 is the closest in, maximum for game maps is 6)
• type (legal values are game (for atitd maps), normal (or, equivalently, map), terrain (new in 0.9.0), hybrid, and satellite; defaults to game)
• controls (small creates +/- zoom buttons, medium has zoom buttons and pan buttons, large has pan buttons with a sliding scale for zoom, and none has no buttons)
• selector (show the map/hybrid/satellite selector? Legal values are yes and no (default).)
• scale (show the distance scale? Legal values are yes and no (default).)
• overview (show the inset navigation map? Legal values are yes and no (default).)
• icons (URL template for custom markers, with "{label}" where the name of the icon will be inserted; defaults to "http://maps.google.com/mapfiles/marker{label}.png")
• icon (URL for markers without an icon specified; defaults to )
• doubleclick (what to do when the user double-clicks? legal values are recenter (default) and zoom)
• zoomstyle (legal values are fast and smooth (default), also known as continuous zooming; only works in some browsers)
• stroke (width of paths, in pixels)
• scrollwheel (define scroll wheel behavior; nothing or zoom (default))

All attributes are optional.

A note about icons

You can host your own collection of icons on your server, but note that they'll have the same anchor points as Google's default icon. Check out Mapki's collection of icon images for a bunch of icons you can use. To use your icons, add an icon attribute to your googlemap-tags like this

<googlemap lat="42.711618" lon="-73.205112" zoom="2" controls="small" 
 icon="http://myserver.com/standardmarker.png" 
 icons="http://myserver.com/markers/marker{label}.png">

Markers

In the content of the tag, you can define one marker per line. Each line may or may not start with an icon name in parentheses; unless you set the "icons" attribute, legal icon names are the upper-case letters of the alphabet. The line should then have the latitude, then a comma, optionally a space, then the longitude, then a comma, then a label for the point. The label can include wiki mark-up (and commas). These are all legal:

<googlemap lat="42.711618" lon="-73.205112" zoom="2" controls="small">
 42.711618,-73.205112,here goes the title
 42.711618, -73.205112, here goes the title, it can contains commas too but not wiki markup
 (S) 42.711618, -73.205112, here goes the title
 first line of the caption
 Second line of the caption, not that the caption can contain wiki markup like [[Resources]]
 </googlemap>

Paths

To connect multiple points with a colored path, prefix them with a line that begins with the color in RGB hex format., e.g.

 6#FF330000
 42.711618,-73.205112
 42.714779,-73.204544
 

That will connect the two points with a colored line. Any points not on a line should appear before all points on lines. For example:

42.711618, -73.25112, this point is not on a line
43.224024, -70.28301, neither is this one
6#FF770077
42.202452, -72.83101, this is on a line of color #77077
45.214425, -72.48114, so is this
6#FF668800
42.201324, -70.95811, this starts a second line
43.404142, -73.44514, this is also on the second line

Any text on the same line as, but appearing after, the color specification will be ignored.

Areas

Areas are enclosed paths with a colored filling. The syntax is just like a path, except that the interior color should be specified in parentheses after the path color, like this:

6#770077 (#BB668800)

Color Specification

The color specification includes opacity and stroke information, e.g.

6#FF330000

The 6 means that the path will be 6 pixels wide. The first two hex digits specify the opacity from #00 (transparent) to #FF (opaque). The final 6 hex digits are a "web color", i.e. #RRGGBB. In the example above the opacity is #FF and the color is #330000.

Similarly for areas, the interior color should be 8 digits instead of 6; the first two digits define the opacity, e.g.

6#770077 (#BB668800)

Tabbed Info Balloons

Each tab should have a plain-text title surrounded by inward-leaning slashes (like /this\) followed by a caption that can include wiki mark-up. Tabs will be attached to the previous marker. Example:

  45.214425, -72.48114
  /Info\
  This is where Ulysses Grant is buried
  /Directions\
  [http://maps.google.com Click here] to get driving directions
  Or just drive in a random direction
  

That will create a point whose info balloon has two tabs. Note that you can put as much or as little space as you'd like between the title and the caption to make the syntax more readable.

If a point has a regular caption and tabbed captions, clicking the point will only show the tabbed captions.

Good Default Settings

All of Egypt, Square

---

And a real map of egypt: