This is a great little tool that allows you to map locations on a webpage on an overlayed DIV. It’s really useful because not all webpages have intergrated maps.
As an added bonus it requires absolutely no installation. You simply drag a link into your bookmarks toolbar. The link is a little special though, its actually a massive concatenated javascript snippet.
Here’s a quick example, click on the following link Mapanui bookmarklet. (It’s a little slow at the moment). The javascript code in the Mapanui link will pick up the following addresses on this page.
For example. here are some of my favourite Japanese restaurants:
Samurai Japanese Cafe
493A Darling St, Balmain, NSW 2041, Australia
Hikaru
134 King St, Newtown, NSW 2042, Australia
Waqu
308 Pacific Highway, Crows Nest, NSW 2065, Australia
Wasn’t that cool? Now for the catch, as you can see above there is some location information. Now if you are a webmaster then the location information on your pages will need to incorporate microformats (additional semantic information), and while it may sound a little daunting, microformats are just additional bits of XHTML with meaningful class designations. In the first entry above, it is the following XHTML code:
<div class="vcard">
<div class="org">Samurai Japanese Cafe</div>
<div class="adr">
<div class="street-address">493A Darling St, Balmain, NSW 2041, Australia</div>
</div>
</div>
Can’t be bothered writing your own “vcard” microformat for your websites’ contact us page? Well there just happens to be a generator on hand at http://microformats.org/code/hcard/creator
If the web page you are on does not make use of microformats, Mapanui will simply allow you to search for the location within the floating div. Very handy indeed.
Get more info on Mapanui at http://www.mapanui.com
You can learn more about Microformats at http://microformats.org