map scripting & design
If you can't read please download the document
DESCRIPTION
Most Google Maps are boring, but yours doesn’t have to be. There are simple, off-the-shelf tools that, along with your design talent, can make your maps stand out from the rest. You can decide where they go, how they look and how they act. Blog post and links here: http://mapscripting.com/map-scripting-designTRANSCRIPT
- 1. Map Scripting & Design Adam DuVandermapscripting.com@adamd
2. http://www.flickr.com/photos/eviljenius/116900017/ 3. 4. RR DONNELLEY founded 1864 Cartographic Services founded 1967 Geosystems founded 1994 5. 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 9. 10. 11. 12. Boring Red Markers are like not changing your profile pic 13. 14. Categorized Markers www.unrut.com 15. Scribbling lines on a geo-referenced canvas 16. 17. 18. Choropleth Map www.mapmash.in 19. 20. Map Warper warper.geothings.net 21. 22. 23. Ian Albert 24. 25. 26. 27. 28. 29. Simpler Tiles www.everyblock.com 30. CloudMade Style Editor maps.cloudmade.com/editor 31. 32. 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 37. 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 39. 40. http://www.flickr.com/photos/eviljenius/116900017/ 41. Built with Cascadenik www.8bitnyc.com 42. 43. 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 48. 49. Hands On Map Scripting duv.ly/mapdeal