You are here

maps

Das Blinkenlights - Vancouver and San Francisco Video Style!

Submitted by Roland on Wed, 2011-05-25 00:08

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

Das Blinkenlights w/CloudMade APIs of Vancouver & San Francisco real-time geotagged flickr photos: use map.removeOverlay()

Submitted by Roland on Fri, 2011-05-20 00:35

To the three :-) people in the world who care about blinking lights on a CloudMade Map : Evidently CloudMade and the web browsers can't handle  large amount of overlays i.e. 1000s of them :-). So the solution is to map.removeOverlay() before map.addOverlay(). If you don't remove the overlay before you addOverlay() then the browser slows down and leaks a large amount of memory.

I'll post a video later of the incredible Das Blinkenlights :-) but you can try it yourself. Just click on one of the following URLs to try it yourself (the map will be all black until somebody uploads some geotagged photos which could be anywhere from 1 second from now until an hour from now):

 

Subscribe to RSS - maps