CINXE.COM
Google Map Large
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Google Map Large</title> <style type="text/css"> html { height: 100%; overflow:hidden; } body { height: 100%; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; padding: 0;} #map { height: 100% } #dhtmltooltip{ position: absolute; padding-top:2px; padding-left:2px; border: 2px #999999 solid; moz-border-radius: 5px; border-radius: 5px; visibility: hidden; z-index: 100; } td.tool { font-family: Tahoma, Verdana, Arial Narrow; font-weight: bold; font-size: 12px; } </style> </head> <body text="#eeeeee" link="#ccccbb" vlink="#ccccbb" onload="initialize()"> <div id="dhtmltooltip"></div> <script src="/PeakStats/Content/tt.js" type="text/javascript"></script> <form name="latlondisp" action=""> <input name="lat" id="lat" value="" type="hidden"> <input name="lon" id="lon" value="" type="hidden"> </form><script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyD_5ZmvA_7Hgp2qAC69iMTt9CV2ARhPsf0"></script> <script type="text/javascript" src="/PeakStats/utm.js"></script><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="https://mytopo.com/TileService/Scripts/trimble.mytopo.v3.js?v=2&partnerID=12320&hash=2709f1055b6690a2afc28621795eac11"></script> <script type="text/javascript"> function initialize() {var center = new google.maps.LatLng(40.87624, -111.49557); var myOptions = { zoom: 15, center: center, rotateControl: true, disableDefaultUI: true }; var map = new google.maps.Map(document.getElementById("map"), myOptions); var topoMapOptions = { getTileUrl: function(coords, zoom) { return 'https://caltopo.s3.amazonaws.com/topo/'+zoom+'/'+coords.x+'/'+coords.y+'.png?v=1' }, tileSize: new google.maps.Size(256, 256), isPng: false, name: "CalTopo", minZoom: 0, maxZoom: 16 }; var topoMap = new google.maps.ImageMapType(topoMapOptions); map.mapTypes.set('topo', topoMap); var CalTopoFSOptions={ name:"FSTopo",alt:"Forest Service scans from caltopo.com",minZoom:1,maxZoom:16,tileSize:new google.maps.Size(256,256),isPng:true,getTileUrl:function(a,z){var tiles=1<<z,X=a.x%tiles;if(X<0){X+=tiles}var baseUrl="https://ctusfs.s3.amazonaws.com/fstopo/";return baseUrl+z+"/"+X+"/"+a.y+".png"}}; var CalTopoFS=new google.maps.ImageMapType(CalTopoFSOptions); map.mapTypes.set('fstopo', CalTopoFS); var arcGisWorldOptions={name:"ArcGis-World",alt:"ArcGis World Topos",minZoom:1,maxZoom:15,tileSize:new google.maps.Size(256,256),isPng:true,getTileUrl:function(a,z){var tiles=1<<z,X=a.x%tiles;if(X<0){X+=tiles}var baseUrl="https://services.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/";return baseUrl+parseInt(z)+"/"+a.y+"/"+X}}; var arcGisWorld=new google.maps.ImageMapType(arcGisWorldOptions); map.mapTypes.set('warcgis', arcGisWorld); var arcGisOptions={name:"ArcGis",alt:"ArcGis USA Topos",minZoom:1,maxZoom:15,tileSize:new google.maps.Size(256,256),isPng:true,getTileUrl:function(a,z){var tiles=1<<z,X=a.x%tiles;if(X<0){X+=tiles}var baseUrl="https://services.arcgisonline.com/ArcGIS/rest/services/USA_Topo_Maps/MapServer/tile/";return baseUrl+parseInt(z)+"/"+a.y+"/"+X}}; var arcGis=new google.maps.ImageMapType(arcGisOptions); map.mapTypes.set('arcgis', arcGis); var nineteenfifteenOptions={ name:"Hist.1885+",alt:"Scanned historical maps dating from 1885-1915 (caltopo.com)",minZoom:5,maxZoom:14,tileSize:new google.maps.Size(256,256),isPng:true,getTileUrl:function(a,z){var tiles=1<<z,X=a.x%tiles;if(X<0){X+=tiles}var baseUrl="https://ctfun.s3.amazonaws.com/1900/";return baseUrl+z+"/"+X+"/"+a.y+".png"}}; var nineteenfifteen=new google.maps.ImageMapType(nineteenfifteenOptions); map.mapTypes.set('1915', nineteenfifteen); var nineteenfortyfiveOptions={ name:"Hist.1915+",alt:"Scanned historical maps dating from 1915-1945 (caltopo.com)",minZoom:5,maxZoom:14,tileSize:new google.maps.Size(256,256),isPng:true,getTileUrl:function(a,z){var tiles=1<<z,X=a.x%tiles;if(X<0){X+=tiles}var baseUrl="https://ctfun.s3.amazonaws.com/1930/";return baseUrl+z+"/"+X+"/"+a.y+".png"}}; var nineteenfortyfive=new google.maps.ImageMapType(nineteenfortyfiveOptions); map.mapTypes.set('1945', nineteenfortyfive);var bingAerialMapOptions = {getTileUrl: function(point, zoom){var q="";for(var i=zoom;i>0;i--){var d='0';var mask=1<<(i-1);if((point.x & mask)!=0){d++;}if((point.y & mask)!=0){d++;d++;}q+=d;}return "https://ecn.t0.tiles.virtualearth.net/tiles/a" + q + "?g=203&mkt=en-us&shading=";},tileSize: new google.maps.Size(256, 256),alt: 'Bing satellite imagery',maxZoom: 19,minZoom: 1,name: 'MS Sat'}; var bingAerialMap = new google.maps.ImageMapType(bingAerialMapOptions); map.mapTypes.set('bing', bingAerialMap); map.setOptions({ mapTypeControl: true, zoomControl: true, scaleControl: true, zoomControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU, position: google.maps.ControlPosition.TOP_RIGHT, mapTypeIds: ['topo','fstopo','arcgis','warcgis', '1915', '1945', 'bing', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.HYBRID, google.maps.MapTypeId.TERRAIN] } }); if (typeof trimble !== 'undefined') { trimble.myTopo.init(map); }map.setMapTypeId(google.maps.MapTypeId.TERRAIN);var center = map.getCenter(); var wrapped = new google.maps.LatLng(center.lat(), center.lng(), false); var x = wrapped.lat(); var y = wrapped.lng(); var mt = map.getMapTypeId(); var type=''; if (mt == 'terrain') {type= 't';} if (mt == 'satellite') {type= 's';} if (mt == 'roadmap') {type= 'n';} if (mt == 'hybrid') {type= 'h';} if (mt == 'MyTopoTopoBaseLayer') {type= 'm';} if (mt == 'topo') {type= 'u';} if (mt == 'warcgis') {type= 'w';} if (mt == 'bing') {type= 'b';} if (mt == 'arcgis') {type= 'a';} if (mt == 'fstopo') {type= 'f';} if (mt == '1945') {type= 'ht';} if (mt == '1915') {type= 'et';} var center = map.getCenter(); var newZoom = map.getZoom(); var utm=lltoutm(x,y); var latlon = '<b>Center Coords: '+(parseFloat(x)).toFixed(4) + ',' + (parseFloat(y)).toFixed(4)+'<br\/>UTM: '+utm+'<br\/><\/b><form action="" method="get" style="display: inline; white-space:nowrap"><input name="lat" type="hidden" value="'+(parseFloat(x)).toFixed(4)+'"><input name="lon" type="hidden" value="'+(parseFloat(y)).toFixed(4)+'"><input name="z" type="hidden" value="'+(newZoom)+'"><input name="t" type="hidden" value="'+(type)+'"><select name="d" style="font-size:11px; font-family: Tahoma, Verdana, Arial Narrow; color: #ffffff; font-weight: bolder; background-color:#505050; border:2px #999999 solid; moz-border-radius: 5px; border-radius: 5px;"><option value="">Markers: None<\/option><option value="y">Markers: All<\/option><option value="r">Markers: P300\+<\/option><option value="s">Markers: Soft P300\+<\/option><option value="k">Markers: P1000+<\/option><\/select> <input type="submit" value="Refresh" style="font-size:11px; font-family: Tahoma, Verdana, Arial Narrow; color: #ffffff; font-weight: bolder; background-color:#505050; border:2px #999999 solid; moz-border-radius: 5px; border-radius: 5px;"\><\/form><br/><a href="/mapf?lat='+(parseFloat(x)).toFixed(4)+'&lon='+(parseFloat(y)).toFixed(4)+'&z='+(newZoom)+'&t='+(type)+'"><b>Link to current map view<\/b><\/a> <a href="/mapf?lat='+(parseFloat(x)).toFixed(4)+'&lon='+(parseFloat(y)).toFixed(4)+'&z='+(newZoom)+'&t='+(type)+'&member=l"><b>Choose Member<\/b><\/a><br/><a href="/mapf?lat='+(parseFloat(x)).toFixed(4)+'&lon='+(parseFloat(y)).toFixed(4)+'&z='+(newZoom)+'&t='+(type)+'&l=lm"><b>Add Land Management Layer<\/b><\/a>'; var lat=(parseFloat(x)).toFixed(4); var lon=(parseFloat(y)).toFixed(4); document.getElementById("lon").value=(lon); document.getElementById("lat").value=(lat); document.getElementById("message").innerHTML = latlon.toString(); google.maps.event.addListener(map, 'zoom_changed', function() { var newZoom = map.getZoom(); var mt = map.getMapTypeId(); var type=''; if (mt == 'terrain') {type= 't';} if (mt == 'satellite') {type= 's';} if (mt == 'roadmap') {type= 'n';} if (mt == 'hybrid') {type= 'h';} if (mt == 'MyTopoTopoBaseLayer') {type= 'm';} if (mt == 'topo') {type= 'u';} if (mt == 'warcgis') {type= 'w';} if (mt == 'bing') {type= 'b';} if (mt == 'arcgis') {type= 'a';} if (mt == 'fstopo') {type= 'f';} if (mt == '1945') {type= 'ht';} if (mt == '1915') {type= 'et';} var center = map.getCenter(); var wrapped = new google.maps.LatLng(center.lat(), center.lng(), false); var x = wrapped.lat(); var y = wrapped.lng(); var utm=lltoutm(x,y); var latlon = '<b>Center Coords: '+(parseFloat(x)).toFixed(4) + ',' + (parseFloat(y)).toFixed(4)+'<br\/>UTM: '+utm+'<br\/><\/b><form action="" method="get" style="display: inline; white-space:nowrap"><input name="lat" type="hidden" value="'+(parseFloat(x)).toFixed(4)+'"><input name="lon" type="hidden" value="'+(parseFloat(y)).toFixed(4)+'"><input name="z" type="hidden" value="'+(newZoom)+'"><input name="t" type="hidden" value="'+(type)+'"><select name="d" style="font-size:11px; font-family: Tahoma, Verdana, Arial Narrow; color: #ffffff; font-weight: bolder; background-color:#505050; border:2px #999999 solid; moz-border-radius: 5px; border-radius: 5px;"><option value="">Markers: None<\/option><option value="y">Markers: All<\/option><option value="r">Markers: P300\+<\/option><option value="s">Markers: Soft P300\+<\/option><option value="k">Markers: P1000+<\/option><\/select> <input type="submit" value="Refresh" style="font-size:11px; font-family: Tahoma, Verdana, Arial Narrow; color: #ffffff; font-weight: bolder; background-color:#505050; border:2px #999999 solid; moz-border-radius: 5px; border-radius: 5px;"\><\/form><br/><a href="/mapf?lat='+(parseFloat(x)).toFixed(4)+'&lon='+(parseFloat(y)).toFixed(4)+'&z='+(newZoom)+'&t='+(type)+'"><b>Link to current map view<\/b><\/a> <a href="/mapf?lat='+(parseFloat(x)).toFixed(4)+'&lon='+(parseFloat(y)).toFixed(4)+'&z='+(newZoom)+'&t='+(type)+'&member=l"><b>Choose Member<\/b><\/a><br/><a href="/mapf?lat='+(parseFloat(x)).toFixed(4)+'&lon='+(parseFloat(y)).toFixed(4)+'&z='+(newZoom)+'&t='+(type)+'&l=lm"><b>Add Land Management Layer<\/b><\/a>'; var lat=(parseFloat(x)).toFixed(4); var lon=(parseFloat(y)).toFixed(4); document.getElementById("lon").value=(lon); document.getElementById("lat").value=(lat); document.getElementById("message").innerHTML = latlon.toString();}); google.maps.event.addListener(map, 'maptypeid_changed', function() { var mt = map.getMapTypeId(); var type=''; if (mt == 'terrain') {type= 't';} if (mt == 'satellite') {type= 's';} if (mt == 'roadmap') {type= 'n';} if (mt == 'hybrid') {type= 'h';} if (mt == 'MyTopoTopoBaseLayer') {type= 'm';} if (mt == 'topo') {type= 'u';} if (mt == 'warcgis') {type= 'w';} if (mt == 'bing') {type= 'b';} if (mt == 'arcgis') {type= 'a';} if (mt == 'fstopo') {type= 'f';} if (mt == '1945') {type= 'ht';} if (mt == '1915') {type= 'et';} var center = map.getCenter(); var newZoom = map.getZoom(); var wrapped = new google.maps.LatLng(center.lat(), center.lng(), false); var x = wrapped.lat(); var y = wrapped.lng(); var utm=lltoutm(x,y); var latlon = '<b>Center Coords: '+(parseFloat(x)).toFixed(4) + ',' + (parseFloat(y)).toFixed(4)+'<br\/>UTM: '+utm+'<br\/><\/b><form action="" method="get" style="display: inline; white-space:nowrap"><input name="lat" type="hidden" value="'+(parseFloat(x)).toFixed(4)+'"><input name="lon" type="hidden" value="'+(parseFloat(y)).toFixed(4)+'"><input name="z" type="hidden" value="'+(newZoom)+'"><input name="t" type="hidden" value="'+(type)+'"><select name="d" style="font-size:11px; font-family: Tahoma, Verdana, Arial Narrow; color: #ffffff; font-weight: bolder; background-color:#505050; border:2px #999999 solid; moz-border-radius: 5px; border-radius: 5px;"><option value="">Markers: None<\/option><option value="y">Markers: All<\/option><option value="r">Markers: P300\+<\/option><option value="s">Markers: Soft P300\+<\/option><option value="k">Markers: P1000+<\/option><\/select> <input type="submit" value="Refresh" style="font-size:11px; font-family: Tahoma, Verdana, Arial Narrow; color: #ffffff; font-weight: bolder; background-color:#505050; border:2px #999999 solid; moz-border-radius: 5px; border-radius: 5px;"\><\/form><br/><a href="/mapf?lat='+(parseFloat(x)).toFixed(4)+'&lon='+(parseFloat(y)).toFixed(4)+'&z='+(newZoom)+'&t='+(type)+'"><b>Link to current map view<\/b><\/a> <a href="/mapf?lat='+(parseFloat(x)).toFixed(4)+'&lon='+(parseFloat(y)).toFixed(4)+'&z='+(newZoom)+'&t='+(type)+'&member=l"><b>Choose Member<\/b><\/a><br/><a href="/mapf?lat='+(parseFloat(x)).toFixed(4)+'&lon='+(parseFloat(y)).toFixed(4)+'&z='+(newZoom)+'&t='+(type)+'&l=lm"><b>Add Land Management Layer<\/b><\/a>'; var lat=(parseFloat(x)).toFixed(4); var lon=(parseFloat(y)).toFixed(4); document.getElementById("lon").value=(lon); document.getElementById("lat").value=(lat); document.getElementById("message").innerHTML = latlon.toString();}); google.maps.event.addListener(map, 'center_changed', function() { var mt = map.getMapTypeId(); var type=''; if (mt == 'terrain') {type= 't';} if (mt == 'satellite') {type= 's';} if (mt == 'roadmap') {type= 'n';} if (mt == 'hybrid') {type= 'h';} if (mt == 'MyTopoTopoBaseLayer') {type= 'm';} if (mt == 'topo') {type= 'u';} if (mt == 'warcgis') {type= 'w';} if (mt == 'bing') {type= 'b';} if (mt == 'arcgis') {type= 'a';} if (mt == 'fstopo') {type= 'f';} if (mt == '1945') {type= 'ht';} if (mt == '1915') {type= 'et';} var center = map.getCenter(); var wrapped = new google.maps.LatLng(center.lat(), center.lng(), false); var x = wrapped.lat(); var y = wrapped.lng(); var newZoom = map.getZoom(); var utm=lltoutm(x,y); var latlon = '<b>Center Coords: '+(parseFloat(x)).toFixed(4) + ',' + (parseFloat(y)).toFixed(4)+'<br\/>UTM: '+utm+'<br\/><\/b><form action="" method="get" style="display: inline; white-space:nowrap"><input name="lat" type="hidden" value="'+(parseFloat(x)).toFixed(4)+'"><input name="lon" type="hidden" value="'+(parseFloat(y)).toFixed(4)+'"><input name="z" type="hidden" value="'+(newZoom)+'"><input name="t" type="hidden" value="'+(type)+'"><select name="d" style="font-size:11px; font-family: Tahoma, Verdana, Arial Narrow; color: #ffffff; font-weight: bolder; background-color:#505050; border:2px #999999 solid; moz-border-radius: 5px; border-radius: 5px;"><option value="">Markers: None<\/option><option value="y">Markers: All<\/option><option value="r">Markers: P300\+<\/option><option value="s">Markers: Soft P300\+<\/option><option value="k">Markers: P1000+<\/option><\/select> <input type="submit" value="Refresh" style="font-size:11px; font-family: Tahoma, Verdana, Arial Narrow; color: #ffffff; font-weight: bolder; background-color:#505050; border:2px #999999 solid; moz-border-radius: 5px; border-radius: 5px;"\><\/form><br/><a href="/mapf?lat='+(parseFloat(x)).toFixed(4)+'&lon='+(parseFloat(y)).toFixed(4)+'&z='+(newZoom)+'&t='+(type)+'"><b>Link to current map view<\/b><\/a> <a href="/mapf?lat='+(parseFloat(x)).toFixed(4)+'&lon='+(parseFloat(y)).toFixed(4)+'&z='+(newZoom)+'&t='+(type)+'&member=l"><b>Choose Member<\/b><\/a><br/><a href="/mapf?lat='+(parseFloat(x)).toFixed(4)+'&lon='+(parseFloat(y)).toFixed(4)+'&z='+(newZoom)+'&t='+(type)+'&l=lm"><b>Add Land Management Layer<\/b><\/a>'; var lat=(parseFloat(x)).toFixed(4); var lon=(parseFloat(y)).toFixed(4); document.getElementById("lon").value=(lon); document.getElementById("lat").value=(lat); document.getElementById("message").innerHTML = latlon.toString();}); }</script> <div id="map" style="width: 100%; height: 100%;"></div> <div id="xhair" style="position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-10px;"><img width="20" height="20" src="/Misc/images/center.gif" alt=""></div><div id="message" style="font-size:11px; font-family: Tahoma, Verdana, Arial Narrow; padding: 5px; bottom:19px; right:100px; width:250px; position:absolute; background-color:#303030; border:2px solid #999999; moz-border-radius: 5px; border-radius: 5px;"></div></body> </html>