1. Map Layer Mashups Peterson

2. Overlay of Old Map

3. function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds( new google.maps.LatLng(40.712216,-74.22655), new google.maps.LatLng(40.773941,-74.12544)); var myOptions = { zoom: 12, center: newark, mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var oldmap = new google.maps.GroundOverlay( "http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg", imageBounds); oldmap.setMap(map);

4. Topographic map on Image

5. function initialize() { var myLatLng = new google.maps.LatLng(62.323907, -150.109291); var myOptions = { zoom: 10, center: myLatLng, mapTypeId: google.maps.MapTypeId.SATELLITE }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var swBound = new google.maps.LatLng(62.281819, -150.287132); var neBound = new google.maps.LatLng(62.400471, -150.005608); var bounds = new google.maps.LatLngBounds(swBound, neBound); // Photograph courtesy of the U.S. Geological Survey var srcImage = 'images/talkeetna.png'; overlay = new USGSOverlay(bounds, srcImage, map); }

6. Topo Map on Map with Toggle

8. Image on Image with Toggle

9. function initialize() { var myLatLng = new google.maps.LatLng(47.25, -103.18); var myOptions = { zoom: 7, center: myLatLng, mapTypeId: google.maps.MapTypeId.SATELLITE }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var swBound = new google.maps.LatLng(46.285, -104.450); var neBound = new google.maps.LatLng(48.285, -102.250); var bounds = new google.maps.LatLngBounds(swBound, neBound); // Photograph courtesy of the U.S. Geological Survey var srcImage = 'images/westernND.jpg'; overlay = new USGSOverlay(bounds, srcImage, map);

11. Traffic

12. Traffic Overlay

13. function initialize() { var myLatlng = new google.maps.LatLng(41.258531,-96.012599); var myOptions = { zoom: 11, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var trafficLayer = new google.maps.TrafficLayer(); trafficLayer.setMap(map);

14. Bicycle Path Overlay (total overlay at the larger scales)

15. function initialize() { var myLatlng = new google.maps.LatLng(41.258531,-96.012599); var myOptions = { zoom: 11, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var bikeLayer = new google.maps.BicyclingLayer(); bikeLayer.setMap(map); }

16. KML

17. function initialize() { var latlng = new google.maps.LatLng(37.42166, -119.272); var myOptions = {zoom: 6, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions); var url = 'http://services.google.com/earth/kmz/california_median_ages_n.kmz'; var kmlLayer = new google.maps.KmlLayer(url, { suppressInfoWindows: false, map: map }); }

18. Multi-scale Paintings Michael Sweerts, circa 1660

19. Tiled Overlay

20. Zoomed Tiled Overlay

21. Tiles 12 th zoom level 14 th zoom level

22. MapTiler 1

23. MapTiler 2

24. MapTiler 3

25. MapTiler 4

26. MapTiler 5

27. MapTiler 6

28. Tile Overlay with Slider - low

29. Tile Overlay with Slider - high