Patterns, opacity, and viewport for Cartagen

May 23rd, 2009

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…

Patterns, opacity, and viewport for Cartagen on Flickr.

Map of road condition in Cartagen

May 11th, 2009

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.

Road widths from OpenStreetMap in Cartagen on Flickr – Photo Sharing!

May 7th, 2009

GSS hover and mouseDown selectors in Cartagen

May 3rd, 2009

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"
	}
},

Editing OpenStreetMap and viewing results live in Cartagen on Vimeo

May 1st, 2009

Editing OpenStreetMap and viewing results live in Cartagen from Jeffrey Warren on Vimeo.

Manhattan mapped in Cartagen html/javascript with gss

April 3rd, 2009


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.