Top Banner

Click here to load reader

Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new (40.740, -74.18); var imageBounds = new (

Dec 21, 2015

ReportDownload

Documents

  • Slide 1
  • Map Layer Mashups Peterson
  • Slide 2
  • Overlay of Old Map
  • Slide 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);
  • Slide 4
  • Topographic map on Image
  • Slide 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); }
  • Slide 6
  • Topo Map on Map with Toggle
  • Slide 7
  • Slide 8
  • Image on Image with Toggle
  • Slide 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);
  • Slide 10
  • Slide 11
  • Traffic
  • Slide 12
  • Traffic Overlay
  • Slide 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);
  • Slide 14
  • Bicycle Path Overlay (total overlay at the larger scales)
  • Slide 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); }
  • Slide 16
  • KML
  • Slide 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(">
  • Slide 18
  • Multi-scale Paintings Michael Sweerts, circa 1660
  • Slide 19
  • Tiled Overlay
  • Slide 20
  • Zoomed Tiled Overlay
  • Slide 21
  • Tiles 12 th zoom level 14 th zoom level
  • Slide 22
  • MapTiler 1
  • Slide 23
  • MapTiler 2
  • Slide 24
  • MapTiler 3
  • Slide 25
  • MapTiler 4
  • Slide 26
  • MapTiler 5
  • Slide 27
  • MapTiler 6
  • Slide 28
  • Tile Overlay with Slider - low
  • Slide 29
  • Tile Overlay with Slider - high