Ajaxian » Unobtrusively Mapping Microformats with jQuery

Ajaxian » Unobtrusively Mapping Microformats with jQuery - jQuery寫起來真好看
最後的成品

Simon puts together jQuery, microformats, and the Google Maps API to grok hCard and show maps of any hCard data that is found, ending up with:

jQuery('.vcard').each(function() {
    var hcard = jQuery(this);
    var streetaddress = hcard.find('.street-address').text();
    var postcode = hcard.find('.postal-code').text();
    var geocoder = new MapstractionGeocoder(function(result) {
        var marker = new Marker(result.point);
        marker.setInfoBubble(
         '<div class="bubble">' + hcard.html() + '</div>'
        );
        mapstraction.addMarker(marker);
    }, 'google');   
    geocoder.geocode({'address': streetaddress + ', ' + postcode});
});