cloudmade api

As promised, videos of my San Francisco and Vancouver real-time HTML5 geotagged photo mashups driven by the great flickr and CloudMadeAPIs (each time a geotagged photo to the city is uploaded to flickr, a dot is posted on the map; the dot does a reverse blue fade-in and then alternates between green and red and the map alternates between orange and pink). Next up, add music driven by the neighbourhood (i.e. a different tune for each woeid, which means 26 different tunes for Vancouver).

Vancouver real-time flickr cloudmade html5 mashup:

Code:

github.com/rtanglao/rth5/blob/master/vancouver-emerges...

Try it out yourself! (may take some time for photos to appear since dots are only added when photos are uploaded to flickr geotagged in the city of vancouver):

dl.dropbox.com/u/361757/CCC/vancouver-emerges-d3.html

San Francisco real-time flickr cloudmade html5 mashup:

Code:

github.com/rtanglao/rth5/blob/master/sanfrancisco-emerges...

Try it out yourself (may take some time for photos to appear since dots are only added when photos are uploaded to flickr geotagged in the city of san francisco):

dl.dropbox.com/u/361757/CCC/sanfrancisco-emerges-d3.html

Each red, yellow or orange dot represents 1 geotagged cameraphone photo from folks on Flickr taken between 00:00 Feb 28 2010 PST to 11:59PM Feb 28 2010 PST. Over 2000 photos! generated by: dl.dropbox.com/u/361757/CCC/mens-gold-medal-hockey-game28... 

(Works on Firefox 4, Safari 5, Chrome, Safari iOS 4 but not Firefox 3., github source)

Observations:

1. Granville and Robson truly were the epicentre of action that day!
2. No photos uploaded from Granville Island
3. No photos uploaded from The Drive - East Van was almost totally unaffected by the Olympics which corresponds with my experience. East of Gastown there was no Olympic visitors and not nearly as much buzz.