map layer mashups peterson. overlay of old map function initialize() { var newark = new...
Post on 21-Dec-2015
220 views
TRANSCRIPT
![Page 1: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/1.jpg)
Map Layer Mashups
Peterson
![Page 2: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/2.jpg)
Overlay of Old Map
![Page 3: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/3.jpg)
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);
![Page 4: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/4.jpg)
Topographic map on Image
![Page 5: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/5.jpg)
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); }
![Page 6: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/6.jpg)
Topo Map on Map with Toggle
![Page 7: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/7.jpg)
<body onLoad="initialize()"> <div id ="toolbar" width="100%; height:20px;" style="text-align:left"> <input type="button" value="Toggle Visibility" onClick="overlay.toggle();"></input> </div> <div id="map_canvas" style="width:700px; height:300px; float:left"></div></body>
![Page 8: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/8.jpg)
Image on Image with Toggle
![Page 9: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/9.jpg)
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);
![Page 10: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/10.jpg)
![Page 11: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/11.jpg)
Traffic
![Page 12: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/12.jpg)
Traffic Overlay
![Page 13: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/13.jpg)
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);
![Page 14: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/14.jpg)
Bicycle Path Overlay (total overlay at the larger scales)
![Page 15: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/15.jpg)
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); }
![Page 16: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/16.jpg)
KML
![Page 17: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/17.jpg)
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 }); }
![Page 18: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/18.jpg)
Multi-scale Paintings
Michael Sweerts, circa 1660
![Page 19: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/19.jpg)
Tiled Overlay
![Page 20: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/20.jpg)
Zoomed Tiled Overlay
![Page 21: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/21.jpg)
Tiles
12th zoom level
14th zoom level
![Page 22: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/22.jpg)
MapTiler 1
![Page 23: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/23.jpg)
MapTiler 2
![Page 24: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/24.jpg)
MapTiler 3
![Page 25: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/25.jpg)
MapTiler 4
![Page 26: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/26.jpg)
MapTiler 5
![Page 27: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/27.jpg)
MapTiler 6
![Page 28: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/28.jpg)
Tile Overlay with Slider - low
![Page 29: Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, -74.18); var imageBounds = new google.maps.LatLngBounds(](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d695503460f94a47a6c/html5/thumbnails/29.jpg)
Tile Overlay with Slider - high