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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Don't let maps cramp your style - Prague

2,039
views

Published on

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.

Published in: Technology, Business

1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total Views
2,039
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
10
Comments
1
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • \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
  • Transcript

    • 1. Don’t let maps cramp your styleDrupal Design CampPragueNovember 6-7, 2010Andrew Larcombeemail: andrew@andrewl.nettwitter: andrewlhttp://www.andrewl.netd.o: alarcombe
    • 2. Warning I am not a designer
    • 3. Why am I here?
    • 4. Why am I here?• Cartography IS design
    • 5. Why am I here?• Cartography IS design• Expression of complex information in a graphical form
    • 6. Why am I here?• Cartography IS design• Expression of complex information in a graphical form• Ties into branding
    • 7. 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!
    • 8. Quiz...
    • 9. Crimes against cartography
    • 10. Don’t use the default Crimes against cartographyGoogle Maps marker
    • 11. Use well designed and Crimes against cartography functional markers
    • 12. The ‘dots on maps’ Crimes against cartography syndrome
    • 13. Cluster your icons... Crimes against cartography
    • 14. Cluster your icons... Crimes against cartography
    • 15. Consider density maps Crimes against cartography (aka heatmaps)
    • 16. Google Maps - does it Crimes against cartographymatch your branding?
    • 17. What price good cartography?
    • 18. What price good cartography?• Created branding guidelines ($$$)
    • 19. What price good cartography?• Created branding guidelines ($$$)• Built new e-business platform ($$ $)
    • 20. What price good cartography?• Created branding guidelines ($$$)• Built new e-business platform ($$ $)• Used a generic Google map ($0.00)
    • 21. What price good cartography?• Created branding guidelines ($$$)• Built new e-business platform ($$ $)• Used a generic Google map ($0.00)• Why?
    • 22. What price good cartography?
    • 23. What price good cartography?• Why?
    • 24. What price good cartography?• Why?• Too easy?
    • 25. What price good cartography?• Why?• Too easy?• No perceived value?
    • 26. What price good cartography?• Why?• Too easy?• No perceived value?• Knowledge/skills/information gap?
    • 27. Better maps with OpenLayers and its friends...
    • 28. OpenLayers...for teh Better maps with OpenLayers mapping awesome and its friends
    • 29. 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
    • 30. OpenLayers (Drupal module)• http://drupal.org/project/openlayers• 2.0-alpha10 OpenLayers Better maps with OpenLayers and its friends
    • 31. 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
    • 32. • 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
    • 33. Stock tiles (Google, Bing Better maps with OpenLayers Yahoo! etc) and its friends
    • 34. Other tiles...MapBox Better maps with OpenLayers and its friends
    • 35. Other tiles...Cloudmade Better maps with OpenLayers and its friends
    • 36. Other tiles...Cloudmade Better maps with OpenLayers and its friends
    • 37. Other tiles...custom Better maps with OpenLayers and its friends
    • 38. Other tiles...custom Better maps with OpenLayers and its friends
    • 39. Other tiles...custom Better maps with OpenLayers and its friends
    • 40. Other tiles...custom Better maps with OpenLayers and its friends
    • 41. Styling markers Better maps with OpenLayers and its friends
    • 42. Sometime soon...
    • 43. Sometime soon...• TileMill from DevSeed
    • 44. Sometime soon...• TileMill from DevSeed• Google Maps API v3 - styled maps
    • 45. Sometime soon...• TileMill from DevSeed• Google Maps API v3 - styled maps• Polymaps from Stamen Design
    • 46. http://london2011.drupal.org/
    • 47. Thank you.Andrew Larcombeemail: andrew@andrewl.nettwitter: andrewlhttp://andrewl.netd.o: alarcombe

    ×