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});});