Don't let maps cramp your style - Prague

Don’t let maps cramp your styleDrupal Design CampPragueNovember 6-7, 2010Andrew Larcombeemail: andrew@andrewl.nettwitter: andrewlhttp://www.andrewl.netd.o: alarcombe

Warning I am not a designer

Why am I here?

Why am I here?• Cartography IS design

Why am I here?• Cartography IS design• Expression of complex information in a graphical form

Why am I here?• Cartography IS design• Expression of complex information in a graphical form• Ties into branding

Why am I here?• Cartography IS design• Expression of complex information in a graphical form• Ties into branding• Please, please, please do more than just use Google maps!

Quiz...

Crimes against cartography

Don’t use the default Crimes against cartographyGoogle Maps marker

Use well designed and Crimes against cartography functional markers

The ‘dots on maps’ Crimes against cartography syndrome

Cluster your icons... Crimes against cartography

Consider density maps Crimes against cartography (aka heatmaps)

Google Maps - does it Crimes against cartographymatch your branding?

What price good cartography?

What price good cartography?• Created branding guidelines ($$$)

What price good cartography?• Created branding guidelines ($$$)• Built new e-business platform ($$ $)

What price good cartography?• Created branding guidelines ($$$)• Built new e-business platform ($$ $)• Used a generic Google map ($0.00)

What price good cartography?• Created branding guidelines ($$$)• Built new e-business platform ($$ $)• Used a generic Google map ($0.00)• Why?

What price good cartography?

What price good cartography?• Why?

What price good cartography?• Why?• Too easy?

What price good cartography?• Why?• Too easy?• No perceived value?

What price good cartography?• Why?• Too easy?• No perceived value?• Knowledge/skills/information gap?

Better maps with OpenLayers and its friends...

OpenLayers...for teh Better maps with OpenLayers mapping awesome and its friends

OpenLayers (Javascript) • Mature javascript framework for putting dynamic maps on the web • Tiles, markers, events.var map = new OpenLayers.Map(map, {maxResolution: 1.40625/2});var dm_wms = new OpenLayers.Layer.WMS( "Canada", "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap", {layers: "bathymetry,land_fn,park,drain_fn,drainage," + "prov_bound,fedlimit,rail,road,popplace", transparent: "true", format: "image/png" }); dm_wms.setVisibility(false); map.addLayers([ol_wms, jpl_wms, dm_wms]); map.addControl(new OpenLayers.Control.LayerSwitcher()); map.zoomToMaxExtent(); OpenLayers Better maps with OpenLayers and its friends

OpenLayers (Drupal module)• http://drupal.org/project/openlayers• 2.0-alpha10 OpenLayers Better maps with OpenLayers and its friends

OpenLayers (Drupal module)• http://drupal.org/project/openlayers• 2.0-alpha10• Integration with Views• Provides CCK widget for input• Lots of friends: OpenLayers Geocoder, GeoTaxonomy, WFS, MapBox, blah, blah,blah.• Exportable! OpenLayers Better maps with OpenLayers and its friends

• Make your own with Mapnik, Mapserver, WMS, TileCache, TMS• Cloudmade (OpenStreetMap)• MapBox• Google/Yahoo!/Bing Maps Map Tiles Better maps with OpenLayers and its friends

Stock tiles (Google, Bing Better maps with OpenLayers Yahoo! etc) and its friends

Other tiles...MapBox Better maps with OpenLayers and its friends

Other tiles...Cloudmade Better maps with OpenLayers and its friends

Other tiles...custom Better maps with OpenLayers and its friends

Styling markers Better maps with OpenLayers and its friends

Sometime soon...

Sometime soon...• TileMill from DevSeed

Sometime soon...• TileMill from DevSeed• Google Maps API v3 - styled maps

Sometime soon...• TileMill from DevSeed• Google Maps API v3 - styled maps• Polymaps from Stamen Design

http://london2011.drupal.org/

Thank you.Andrew Larcombeemail: andrew@andrewl.nettwitter: andrewlhttp://andrewl.netd.o: alarcombe

http://andrewl.local	97
http://www.andrewl.net	19
http://andrewl.net	3

Don't let maps cramp your style - Prague

by andrewla

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 119

Statistics

Don’t let maps cramp your style - Prague Presentation Transcript