Don't let maps cramp your style - Prague
Upcoming SlideShare
Loading in...5
×
 

Don't let maps cramp your style - Prague

on

  • 2,338 views

Presentation about designing maps for the web given at Drupal Design Camp Prague - November 2010.

Presentation about designing maps for the web given at Drupal Design Camp Prague - November 2010.

Statistics

Views

Total Views
2,338
Views on SlideShare
2,194
Embed Views
144

Actions

Likes
1
Downloads
10
Comments
1

6 Embeds 144

http://andrewl.local 97
http://www.andrewl.net 30
http://andrewl.net 9
http://www.linkedin.com 4
http://shiningweb.net 3
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

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

  • 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
  • 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...Cloudmade Better maps with OpenLayers and its friends
  • Other tiles...custom Better maps with OpenLayers and its friends
  • Other tiles...custom Better maps with OpenLayers and its friends
  • Other tiles...custom 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