Patterns, opacity, and viewport for Cartagen
May 23rd, 2009Went to Wherecamp 2009 a day early by mistake… so I had time to add patterns, opacity, and iPhone multitouch to Cartagen before presenting. I love putting maps on a brown paper background…
Went to Wherecamp 2009 a day early by mistake… so I had time to add patterns, opacity, and iPhone multitouch to Cartagen before presenting. I love putting maps on a brown paper background…
Map of road condition in Cartagen on Flickr
Not many cities have good road condition data in OpenStreetMap, but it’s the perfect target for an SMS reporting system, since street names geocode so easily.
Take a look at http://cartagen.org – the buildings now have both hover and mouseDown styles. The syntax is:
building: {
lineWidth: 0.001,
fillStyle: "#444",
hover: {
fillStyle: '#222'
},
mouseDown: {
lineWidth: 4,
strokeStyle: "red"
}
},
Manhattan mapped in Cartagen html/javascript with gss from Jeffrey Warren on Vimeo.
A preview of the code I’m developing – I’m calling it Cartagen. It’s a web-based vector framework for dynamic cartography. A Ruby server receives map data from OpenStreetMap and from participants’ cell phones in real-time. Data is plotted in native HTML 5 with the canvas element, and styled with a new stylesheet format, GSS: Geographic Stylesheets. I’ll be demoing a more complete system during the MIT Media Lab’s Sponsor Week.