USGS TNM 2.0 Viewer

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://viewer.nationalmap.gov:80/viewer/","20120329155652","https://web.archive.org/","web","/_static/", "1333036612"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <title>USGS TNM 2.0 Viewer</title> <link rel="stylesheet" href="https://web.archive.org/web/20120329155652cs_/http://serverapi.arcgisonline.com/jsapi/arcgis/2.2/js/dojo/dojo/resources/dojo.css" type="text/css"> <link rel="stylesheet" href="https://web.archive.org/web/20120329155652cs_/http://serverapi.arcgisonline.com/jsapi/arcgis/2.2/js/dojo/dijit/themes/claro/claro.css" type="text/css"> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20120329155652cs_/http://serverapi.arcgisonline.com/jsapi/arcgis/2.2/js/dojo/dojox/grid/resources/Grid.css"> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20120329155652cs_/http://serverapi.arcgisonline.com/jsapi/arcgis/2.2/js/dojo/dojox/grid/resources/claroGrid.css"> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20120329155652cs_/http://serverapi.arcgisonline.com/jsapi/arcgis/2.2/js/dojo/dojox/layout/resources/ResizeHandle.css"> <link rel="stylesheet" href="/web/20120329155652cs_/http://viewer.nationalmap.gov/viewer/js/jsapix/css/jsapix.css" type="text/css"> <link rel="stylesheet" href="/web/20120329155652cs_/http://viewer.nationalmap.gov/viewer/js/jsapix/css/intern_jsapix.css" type="text/css"><link rel="stylesheet" href="/web/20120329155652cs_/http://viewer.nationalmap.gov/viewer/js/usgs/css/intern_usgs.css" type="text/css"></head> <body class="claro">  <div id="loadingPane"> <div id="loadingUnderlay"> <div id="loadingProgressWindow"> <div><img src="/web/20120329155652im_/http://viewer.nationalmap.gov/viewer/graphics/splash.png" width="577" height="238" alt="TNM Viewer"></div> <div id="loadingStatusText">Loading...</div> <div dojotype="dijit.ProgressBar" indeterminate="true" id="loadingProgress"></div> <div id="browserWarning"></div> </div> </div> <div class="classification" style="position:absolute;top:0;"></div> <div id="loadingBanner" class="banner"> <img border="0" alt="USGS Banner" src="/web/20120329155652im_/http://viewer.nationalmap.gov/viewer/graphics/36_tall_banner.gif"> </div> </div>   <div id="site" dojotype="dijit.layout.BorderContainer" design="headline" gutters="false"> <div dojotype="dijit.layout.ContentPane" region="top" class="header" style="overflow:hidden"> <div id="header" class="relative"> <div class="absolute topmenu white"> <nobr> <span id="linkButton" title="Link"><span class="linkButton"></span></span> | <span id="printButton" title="Print"><span class="printIcon"> </span></span> | <span id="optionsButton" title="Options"><span class="optionsIcon"></span></span> | <span id="help" class="linkLike">Help</span> </nobr> </div> <div class="banner"> <img border="0" alt="USGS Banner" src="/web/20120329155652im_/http://viewer.nationalmap.gov/viewer/graphics/36_tall_banner.gif" usemap="#usgsMap"> <map name="usgsMap"> <area shape="rect" coords="0,0,130,36" href="https://web.archive.org/web/20120329155652/http://www.usgs.gov/" target="_blank" alt="USGS - science for a changing world" title="U.S. Geological Survey Home Page"/> <area shape="rect" coords="130,0,220,36" href="https://web.archive.org/web/20120329155652/http://nationalmap.gov/viewers.html" target="_blank" alt="National Map Logo" title="National Map Viewers Page"/> </map> <div id="findPlace" class="search absolute" dojotype="jsapix.search.EnhancedFindPlace" searchbuttontext="Search" searchbuttonbusytext="Searching..."></div><span dojotype="jsapix.help.HelpLink" help="'findPlace'" style="top:10px; left:700px;"> </span> </div> <div class="absolute midmenu"> <table> <tr> <td><a href="javascript:void(0)" onclick="downloadClick()"><img border="0" src="/web/20120329155652im_/http://viewer.nationalmap.gov/viewer/js/usgs/images/extract.png" width="32" height="32" alt="download"></a></td> <td><a href="javascript:void(0)" onclick="downloadClick()">Download<br>Data</a></td> </tr> </table> </div> <div class="absolute bottommenu white"> <nobr> <span id="clearButton" class="linkLike">Clear</span> | <span id="toolboxToggle" class="linkLike">Hide Toolbox</span> </nobr> </div> </div> </div> <div id="pane" dojotype="jsapix.layout.Pane" region="left"> <div dojotype="dijit.layout.TabContainer" id="overlayTab" title="Overlays" nested="true" selected="true"> <div id="overlays" dojotype="jsapix.layout.OverlayContainer" title="Content"></div> <div id="reorderLayers" dojotype="jsapix.ReorderMapLayers" title="Reorder Layers" style="display: none; padding: 10px"></div> </div> <div dojotype="dijit.layout.TabContainer" id="selectionResultsTab" title="Selection" nested="true"> <div id="selectionResults" dojotype="jsapix.selection.SelectionResults" title="Results"></div> <div id="identifyTab" dojotype="jsapix.selection.IdentifyLayers" title="Identify Layers"></div> </div>  <div dojotype="dijit.layout.TabContainer" id="cartTab" title="Cart" nested="true"> <div dojotype="usgs.download.Cart" id="cartWidget" title="Cart"></div> </div> </div> <div dojotype="dijit.layout.ContentPane" region="bottom" id="classification.bottom" class="classification" style="text-align:right"> <a href="https://web.archive.org/web/20120329155652/http://viewer.nationalmap.gov/help" title="Help" class="footerLink" target="usgs">FAQ</a> |  <a href="https://web.archive.org/web/20120329155652/http://www.usgs.gov/accessibility.html" title="Accessibility Policy (Section 508)" class="footerLink" target="usgs">Accessibility</a> |  <a href="https://web.archive.org/web/20120329155652/http://www.usgs.gov/foia" title="Freedom of Information Act" class="footerLink" target="usgs">FOIA</a> |  <a href="https://web.archive.org/web/20120329155652/http://www.usgs.gov/privacy.html" title="Privacy policies of the U.S. Geological Survey" class="footerLink" target="usgs">Privacy</a> |  <a href="https://web.archive.org/web/20120329155652/http://www.usgs.gov/policies_notices.html" title="Policies and notices that govern information posted on USGS Web sites" class="footerLink" target="usgs">Policies and Notices</a>   </div> <div id="content" dojotype="dijit.layout.BorderContainer" region="center" gutters="false" design="headline"> <div id="toptoolbar" dojotype="jsapix.Toolbar" region="top" class="relative toolbar outline" style="height:49px;"> </div> <div id="map" dojotype="dijit.layout.ContentPane" region="center" class="relative"></div> <div class="s o1" style="left:0px"></div> <div class="s o2" style="left:1px"></div> <div class="s o3" style="left:2px"></div> <div class="s o4" style="left:3px"></div> <div class="s o5" style="left:4px"></div> </div> </div> <div id="StatusPane" dojotype="jsapix.layout.StatusPane" leftclicktoopen="true" class="statusPane"></div> </div> <script type="text/javascript"> djConfig = { baseUrl: "./", modulePaths: { "jsapix": "js/jsapix", "usgs": "js/usgs", "dwr": "dwr", "dojo": "js/dojo", "dijit": "js/dijit", "dojox": "js/dojox" }, xdWaitSeconds: 10, dojoBlankHtmlUrl:"dojo/resources/blank.html" }; </script> <script type="text/javascript" src="/web/20120329155652js_/http://viewer.nationalmap.gov/viewer/js/dojo/dojo.js"></script> <script type="text/javascript">djConfig={scopeMap:[[ "dojo","esriDojo" ],[ "dijit", "esriDijit" ],[ "dojox", "esriDojox" ]]};</script> <script type="text/javascript" src="https://web.archive.org/web/20120329155652js_/http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.2"></script> <script type="text/javascript" src="/web/20120329155652js_/http://viewer.nationalmap.gov/viewer/js/esriIncludes.js"></script> <script type="text/javascript"> var config; dojo.addOnLoad(function(){ esriDojo.addOnLoad(function(){ esri.config.defaults.map.slider = {left: "10px", top: "10px", width: null, height: "100px"}; dojo.require("jsapix.jsapix"); dojo.require("usgs.usgs"); dojo.addOnLoad(function(){ /*********************************** * Begin Patches to dojo and jsapi * ***********************************/ //Removes the dojo IE7 layout hack which causes memory leaks. (function() { dojo.addOnLoad(function(){ dijit.form._FormValueWidget.prototype._layoutHackIE7 = function(){ }; /* * Fixes issue where SelectionManager won't display in IE7 */ dojo.require("dijit.layout.BorderContainer"); dijit.layout.BorderContainer.prototype._layoutChildren = function(/*String?*/changedRegion, /*Number?*/ changedRegionSize){ // summary: // This is the main routine for setting size/position of each child. // description: // With no arguments, measures the height of top/bottom panes, the width // of left/right panes, and then sizes all panes accordingly. // // With changedRegion specified (as "left", "top", "bottom", or "right"), // it changes that region's width/height to changedRegionSize and // then resizes other regions that were affected. // changedRegion: // The region should be changed because splitter was dragged. // "left", "right", "top", or "bottom". // changedRegionSize: // The new width/height (in pixels) to make changedRegion if(!this._borderBox || !this._borderBox.h){ // We are currently hidden, or we haven't been sized by our parent yet. // Abort. Someone will resize us later. return; } var sidebarLayout = (this.design == "sidebar"); var topHeight = 0, bottomHeight = 0, leftWidth = 0, rightWidth = 0; var topStyle = {}, leftStyle = {}, rightStyle = {}, bottomStyle = {}, centerStyle = (this._center && this._center.style) || {}; var changedSide = /left|right/.test(changedRegion); var layoutSides = !changedRegion || (!changedSide && !sidebarLayout); var layoutTopBottom = !changedRegion || (changedSide && sidebarLayout); // Ask browser for width/height of side panes. // Would be nice to cache this but height can change according to width // (because words wrap around). I don't think width will ever change though // (except when the user drags a splitter). if(this._top){ topStyle = (changedRegion == "top" || layoutTopBottom) && this._top.style; topHeight = changedRegion == "top" ? changedRegionSize : dojo._getMarginSize(this._top).h; } if(this._left){ leftStyle = (changedRegion == "left" || layoutSides) && this._left.style; leftWidth = changedRegion == "left" ? changedRegionSize : dojo._getMarginSize(this._left).w; } if(this._right){ rightStyle = (changedRegion == "right" || layoutSides) && this._right.style; rightWidth = changedRegion == "right" ? changedRegionSize : dojo._getMarginSize(this._right).w; } if(this._bottom){ bottomStyle = (changedRegion == "bottom" || layoutTopBottom) && this._bottom.style; bottomHeight = changedRegion == "bottom" ? changedRegionSize : dojo._getMarginSize(this._bottom).h; } var splitters = this._splitters; var topSplitter = splitters.top, bottomSplitter = splitters.bottom, leftSplitter = splitters.left, rightSplitter = splitters.right; var splitterThickness = this._splitterThickness; var topSplitterThickness = splitterThickness.top || 0, leftSplitterThickness = splitterThickness.left || 0, rightSplitterThickness = splitterThickness.right || 0, bottomSplitterThickness = splitterThickness.bottom || 0; // Check for race condition where CSS hasn't finished loading, so // the splitter width == the viewport width (#4) if(leftSplitterThickness > 50 || rightSplitterThickness > 50){ setTimeout(dojo.hitch(this, function(){ // Results are invalid. Clear them out. this._splitterThickness = {}; for(var region in this._splitters){ this._computeSplitterThickness(region); } this._layoutChildren(); }), 50); return false; } var pe = this.pe; var splitterBounds = { left: (sidebarLayout ? leftWidth + leftSplitterThickness: 0) + pe.l + "px", right: (sidebarLayout ? rightWidth + rightSplitterThickness: 0) + pe.r + "px" }; if(topSplitter){ dojo.mixin(topSplitter.style, splitterBounds); topSplitter.style.top = topHeight + pe.t + "px"; } if(bottomSplitter){ dojo.mixin(bottomSplitter.style, splitterBounds); bottomSplitter.style.bottom = bottomHeight + pe.b + "px"; } splitterBounds = { top: (sidebarLayout ? 0 : topHeight + topSplitterThickness) + pe.t + "px", bottom: (sidebarLayout ? 0 : bottomHeight + bottomSplitterThickness) + pe.b + "px" }; if(leftSplitter){ dojo.mixin(leftSplitter.style, splitterBounds); leftSplitter.style.left = leftWidth + pe.l + "px"; } if(rightSplitter){ dojo.mixin(rightSplitter.style, splitterBounds); rightSplitter.style.right = rightWidth + pe.r + "px"; } dojo.mixin(centerStyle, { top: pe.t + topHeight + topSplitterThickness + "px", left: pe.l + leftWidth + leftSplitterThickness + "px", right: pe.r + rightWidth + rightSplitterThickness + "px", bottom: pe.b + bottomHeight + bottomSplitterThickness + "px" }); var bounds = { top: sidebarLayout ? pe.t + "px" : centerStyle.top, bottom: sidebarLayout ? pe.b + "px" : centerStyle.bottom }; dojo.mixin(leftStyle, bounds); dojo.mixin(rightStyle, bounds); leftStyle.left = pe.l + "px"; rightStyle.right = pe.r + "px"; topStyle.top = pe.t + "px"; bottomStyle.bottom = pe.b + "px"; if(sidebarLayout){ topStyle.left = bottomStyle.left = leftWidth + leftSplitterThickness + pe.l + "px"; topStyle.right = bottomStyle.right = rightWidth + rightSplitterThickness + pe.r + "px"; }else{ topStyle.left = bottomStyle.left = pe.l + "px"; topStyle.right = bottomStyle.right = pe.r + "px"; } // More calculations about sizes of panes var containerHeight = this._borderBox.h - pe.t - pe.b, middleHeight = containerHeight - ( topHeight + topSplitterThickness + bottomHeight + bottomSplitterThickness), sidebarHeight = sidebarLayout ? containerHeight : middleHeight; var containerWidth = this._borderBox.w - pe.l - pe.r, middleWidth = containerWidth - (leftWidth + leftSplitterThickness + rightWidth + rightSplitterThickness), sidebarWidth = sidebarLayout ? middleWidth : containerWidth; // Ensure sidebar width/height is >= 0 sidebarWidth = (sidebarWidth > 0) ? sidebarWidth : 0; sidebarHeight = (sidebarHeight > 0) ? sidebarHeight : 0; // New margin-box size of each pane var dim = { top: { w: sidebarWidth, h: topHeight }, bottom: { w: sidebarWidth, h: bottomHeight }, left: { w: leftWidth, h: sidebarHeight }, right: { w: rightWidth, h: sidebarHeight }, center: { h: middleHeight, w: middleWidth } }; if(changedRegion){ // Respond to splitter drag event by changing changedRegion's width or height var child = this["_" + changedRegion + "Widget"], mb = {}; mb[ /top|bottom/.test(changedRegion) ? "h" : "w"] = changedRegionSize; child.resize ? child.resize(mb, dim[child.region]) : dojo.marginBox(child.domNode, mb); } // Nodes in IE<8 don't respond to t/l/b/r, and TEXTAREA doesn't respond in any browser var janky = dojo.isIE < 8 || (dojo.isIE && dojo.isQuirks) || dojo.some(this.getChildren(), function(child){ return child.domNode.tagName == "TEXTAREA" || child.domNode.tagName == "INPUT"; }); if(janky){ // Set the size of the children the old fashioned way, by setting // CSS width and height var resizeWidget = function(widget, changes, result){ if(widget){ (widget.resize ? widget.resize(changes, result) : dojo.marginBox(widget.domNode, changes)); } }; if(leftSplitter){ leftSplitter.style.height = sidebarHeight; } if(rightSplitter){ rightSplitter.style.height = sidebarHeight; } resizeWidget(this._leftWidget, {h: sidebarHeight}, dim.left); resizeWidget(this._rightWidget, {h: sidebarHeight}, dim.right); if(topSplitter){ topSplitter.style.width = sidebarWidth; } if(bottomSplitter){ bottomSplitter.style.width = sidebarWidth; } resizeWidget(this._topWidget, {w: sidebarWidth}, dim.top); resizeWidget(this._bottomWidget, {w: sidebarWidth}, dim.bottom); resizeWidget(this._centerWidget, dim.center); }else{ // Calculate which panes need a notification that their size has been changed // (we've already set style.top/bottom/left/right on those other panes). var notifySides = !changedRegion || (/top|bottom/.test(changedRegion) && this.design != "sidebar"), notifyTopBottom = !changedRegion || (/left|right/.test(changedRegion) && this.design == "sidebar"), notifyList = { center: true, left: notifySides, right: notifySides, top: notifyTopBottom, bottom: notifyTopBottom }; // Send notification to those panes that have changed size dojo.forEach(this.getChildren(), function(child){ if(child.resize && notifyList[child.region]){ child.resize(null, dim[child.region]); } }, this); } }; dojo._getMarginSize = function(/*DomNode*/node, /*Object*/computedStyle){ // summary: // returns an object that encodes the width and height of // the node's margin box node = dojo.byId(node); var me = dojo._getMarginExtents(node, computedStyle || dojo.getComputedStyle(node)); var size = node.getBoundingClientRect(); return { w: (size.right - size.left) + me.w, h: (size.bottom - size.top) + me.h }; }; /* * End Fix */ }); }()); /********************************* * End Patches to dojo and jsapi * *********************************/ var revisions = (jsapix.revisions = {"default":0,"rasterdemo":0,"nhd":0,"contoursdemo":0,"crbdemo":0}); var configUrl = (jsapix.configUrl = "./config/"); var isOperator = false; esri.config.defaults.io.proxyUrl = "proxy.jsp"; var site = (dojo.global.site = new jsapix.SiteManager()); dojo.addOnWindowUnload(site.shutdown); site.init(); usgs.init(); }); }); }); function downloadClick(){ //select the tool in the toolbar dijit.byId("toptoolbar").toolbarContainer.selectChild(dijit.byId("AdvancedToolbarPane")); map.activateTool("Extract"); } /*function hidestuff(boxid){ document.getElementById(boxid).style.visibility="hidden"; document.getElementById(boxid).style.display="none"; } document.getElementById('maintenanceBanner').style.display = 'block'; document.getElementById('maintenanceBanner').style.visibility = 'visible';*/ </script> </body> </html>

CINXE.COM

USGS TNM 2.0 Viewer