The document discusses the history and evolution of map scripting and design. It provides examples of early static and expensive mapping APIs, and more modern dynamic and free APIs. It also showcases various tools and techniques for customizing map styles, interacting with user location data, and building interactive maps using technologies like CSS and JavaScript.

1. Map Scripting & Design Adam DuVander mapscripting.com @adamd

2. http://www.flickr.com/photos/eviljenius/116900017/

4. RR DONNELLEY founded 1864 Cartographic Services founded 1967 Geosystems founded 1994

6. The Original Mapping API Static, sluggish and expensive

7. Ten Years Passed And we just put up with it http://www.flickr.com/photos/bruceberrien/3515303350/

8. A Real Mapping API Dynamic, fast and free

12. Boring Red Markers are like not changing your profile pic

14. Categorized Markers www.unrut.com

15. Scribbling lines on a geo-referenced canvas

18. Choropleth Map www.mapmash.in

20. Map Warper warper.geothings.net

23. Ian Albert

29. Simpler Tiles www.everyblock.com

30. CloudMade Style Editor maps.cloudmade.com/editor

33. CloudMade Style Editor maps.cloudmade.com/editor

34. Totally custom tiles www.tiledrawer.com

35. Totally custom tiles www.tiledrawer.com

36. #lines[highway=motorway], #lines[highway=motorway_link] { line-width: 4; line-color: #000; } #lines[highway=primary], #lines[highway=secondary], #lines[highway=tertiary] { line-width: 3; line-color: #666; } #lines[highway=residential], #lines[highway=unclassified], #lines[highway=service] { line-width: 1; line-color: #666; } Cascadenik CSS for Mapnik

38. #lines[highway=motorway], #lines[highway=motorway_link] { line-width: 6; line-color: #f00 ; } #lines[highway=primary], #lines[highway=secondary], #lines[highway=tertiary] { line-width: 4; line-color: #ff0 ; } #lines[highway=residential], #lines[highway=unclassified], #lines[highway=service] { line-width: 2; line-color: #00f ; } Cascadenik CSS for Mapnik

40. http://www.flickr.com/photos/eviljenius/116900017/

41. Built with Cascadenik www.8bitnyc.com

44. React to Map Events duv.ly/autoswap

45. Find User's Location using W3C JavaScript

46. Find User's Location the Twitter way

47. Find User's Location on MapQuest Mobile

49. Hands On Map Scripting duv.ly/mapdeal