CINXE.COM
Get Maps | topoView
<!DOCTYPE html> <html lang='en'> <head> <!-- DAP Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TKQR8KP'); </script> <!-- End Google Tag Manager --> <!-- NGMDB Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PS528D5N'); </script> <!-- End Google Tag Manager --> <meta charset='utf-8'> <meta content='index' name='robots'> <meta content='IE=edge' http-equiv='X-UA-Compatible'> <meta content='initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport'> <!--<meta content='yes' name='apple-mobile-web-app-capable'>--> <meta content='USGS, national, historical, US Topo, topographic, map, database, topo, history, US Topo, topo maps, ngmdb, national map' name='keywords'> <meta property='og:title' content='Get Maps'> <meta property='og:url' content='https://ngmdb.usgs.gov/maps/topoview/viewer'> <meta property='og:site_name' content='USGS Topoview'> <meta property='og:image' content='https://ngmdb.usgs.gov/maps/topoview/assets/images/tvfb.png'> <meta property='og:type' content='website'> <meta property='og:description' content='Explore, interact, and download USGS topographic maps free of charge from topoView.'> <title>Get Maps | topoView</title> <!--[if lt IE 9 ]><script type='text/javascript'>window.location = '../browser/';</script><![endif]--> <link href='../assets/images/favicon.ico' rel='shortcut icon' type='image/x-icon'> <link href='../assets/images/tvAppleSm.png' rel='apple-touch-icon'> <link href='../assets/images/tvAppleMd.png' rel='apple-touch-icon' sizes='76x76'> <link href='../assets/images/tvAppleLg.png' rel='apple-touch-icon' sizes='120x120'> <link href='../assets/images/tvAppleXLg.png' rel='apple-touch-icon' sizes='152x152'> <link href='../v2.2.0/css/jquery-ui.css' rel='stylesheet' /> <link href='../assets/css/font-awesome.min.css' rel='stylesheet' /> <!--Mapbox GL--> <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v2.0.0/mapbox-gl.css' rel='stylesheet' /> <link rel="stylesheet" href="../v2.2.0/css/leaflet.css" /> <link href='../v2.2.0/css/site.min.css' rel='stylesheet' type='text/css' /> <link href='../v2.2.0/css/fonts.min.css' rel='stylesheet' type='text/css' /> <link href='../v2.2.0/css/viewer.min.css' rel='stylesheet' type='text/css' /> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebApplication", "applicationCategory": "Web mapping", "name": "TopoView", "url": "https://ngmdb.usgs.gov/maps/Topoview/", "about": "TopoView from the U.S. Geological Survey lets you explore, interact, and download topographic maps from the USGS free of charge.", "softwareVersion": "2.20", "image": "https://ngmdb.usgs.gov/maps/Topoview/assets/images/tvAppleLg.png", "author": "Christopher Garrity", "publisher": "U.S. Geological Survey", "featureList": ["map visualization", "map download", "map exploration", "metadata exploration"], "operatingSystem": ["Windows 7", "iOS 6", "OSX 10"], "softwareRequirements": ["Android 4.4+", "Chrome 21+", "Edge 12+", "Firefox 28+", "IE 9+"], "availableOnDevice": ["Android", "Windows", "iOS", "macOS"], "softwareHelp": "https://ngmdb.usgs.gov/maps/Topoview/help", "keywords": "USGS, national, historical, topographic, map, database, topo, history, topo maps, ngmdb, national map", "spatialCoverage": "U.S." } </script> </head> <body> <noscript><iframe sandbox src="https://www.googletagmanager.com/ns.html?id=GTM-TKQR8KP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class='splash none' id='splash' style="display: none;"> <p><span class='icon-tvSplash'></span> <span class='icon-tvSplashTitle'></span></p> <hr style='margin-top: 24px; margin-right: 15px; margin-left: 10px;'> <div class='splashText'> <p>Get your topographic maps here! The latest version of topoView includes both current and historical maps and is full of enhancements based on hundreds of your comments and suggestions. Let us know how we can continue to improve access to the USGS topographic map collection.</p> <p>Click the play button below to see some of the new features in action. Thanks for using topoView!</p> </div> <p><span class='splashIcon icon-usgsLogo col5' style="margin-left:12px;"></span><span class='fa-stack splashIcon fa-2x'><a class='splashIcon fa fa-circle fa-stack-2x' href='https://www.youtube.com/watch?v=UCTIvQqVr4E' target='_blank' alt='TopoView tutorial on YouTube' style="margin-left: -12px;"></a><i class='splashIcon fa fa-youtube-play fa-stack-1x fa-inverse' style="margin-left: -12px;"></i></span><span class='build splashText splashIcon fr'>Build – 2.2.0</span></p> </div> <div class='map-viewer noselect col12' id='map'> <div class='loading hidden' style='z-index:1000;'></div> <div class='attribution'> <a href='https://leafletjs.com/' target='_blank'>Leaflet</a> <a href='https://www.mapbox.com/about/maps/' target='_blank'>© Mapbox</a> <a href='https://www.openstreetmap.org/copyright' target='_blank'>© OpenStreetMap</a><span>| </span><a class='osmEdit' href='https://www.openstreetmap.org/' target='_blank'>Improve</a> </div> <div class='noselect center viewInfo hidden' id='scaleLevel'></div> <div class='noselect center viewInfo hidden' id='elevation'></div> <div class='noselect center viewInfo hidden' id='counter'></div> <div class='btn-group center viewInfo hidden hide-tablet' id='coordSwitch'> <a class='coordbutton dot dms active' title='Degrees Minutes Seconds'>DMS</a> <a class='coordbutton dot dd' title='Decimal Degrees'>DD</a> <i class='coordbutton dot icon-tvTer mapCenter' title='Spot Elevation'></i> <a class='coordbutton dot mrg' title='Military Grid Reference System'>MGR</a> <a class='coordbutton dot utm' title='Universal Transverse Mercator'>UTM</a> </div> <div class='noselect center viewInfo hidden pad0x' id='currentCond'></div> </div> <div id='sidebarInfo' class='hidden'> <div id='sideToggle' class='toggle fa fa-caret-left center' title='Toggle panel'> <span class='infoNum hidden'></span> </div> <div id='sideElement'> <div id='infoHeader' class='inline col12'> <div id='searchRadios' class='col8 pill'> <a class='searchSelectors col3 keyline-search searchActive' title='Search by location' id='searchLoc'>Location</a> <a class='searchSelectors col3 keyline-search' title='Search by map name' id='searchMap'>Map Name</a> </div> <a class='fa fa-cogs infoHeader' id='tvSettings' title='Settings' alt='Open general settings'></a> <a class='fa fa-sliders fa-rotate-90 infoHeader' id='tvFilters' title='Toggle filters' alt='Turn filters on or off'></a> <a class='fa fa-times-circle infoHeader' id='clearFilters' title='Reset filters' alt='Reset filters to defualt'></a> <a class='icon-tvSplashTitle small hidden show-mobile' href='../' target='_blank' title='Home' alt='topoView home page'></a> <a class='fa fa-question-circle infoHeader hidden show-mobile' href='../help/' target='_blank' id='tvHelp' title='Help' alt='Get Help'></a> </div> <div id='search' class='col12 inline'> <div id='searchInput' class='col12'> <div id='searchBox' class='hidden col10'> <form> <input class='col8 pad1 typeahead' id='searchTerm' placeholder='Search by map name' type='text' title='Search' value=''> <button class='col2 pad1 fa fa-lg fa-search searchButton mapSearch' type='button'></button> <button class='col2 pad1 fa fa-lg fa-times resetButton' type='button'></button> </form> </div> </div> </div> <div id='time' class='filters timebar col12 inline'> <div id='rangeSlider'> <div id='timeslide'></div> </div> <div class='timeStamp' id='timeHandles'> <input class='handle initial' type='text' onfocusout="pushDef()" maxlength="4"> <input class='handle final fr' type='text' onfocusout="pushDef()" maxlength="4"> </div> </div> <div class='filters center col8 noselect' id='scaleSwitch'> <a class='scaleSwitch dot sAuto activeScale' title='Show all scales' data-id='all' alt='Display all scales'>All</a> <a class='scaleSwitch dot nonAuto s250' title='Show 250K scale range' data-id='1' alt='Display 250K range scales'>250K</a> <a class='scaleSwitch dot nonAuto s100' title='Show 100K scale range' data-id='2' alt='Display 100K range scales'>100K</a> <a class='scaleSwitch dot nonAuto s62' title='Show 63K scale range' data-id='3' alt='Display 63K range scales'>63K</a> <a class='scaleSwitch dot nonAuto s48' title='Show 48K scale range' data-id='4' alt='Display 48K range scales'>48K</a> <a class='scaleSwitch dot nonAuto s24' title='Show 24K scale range' data-id='5' alt='Display 24K range scales'>24K</a> </div> <div class='filters center col4 noselect' id='seriesSwitch'> <a class='seriesSwitch dot' title='Show Historical Collection' data-id='HTMC' style='margin-left: 2px;' alt='Show HTMC Collection'>HTMC</a> <a class='seriesSwitch dot' title='Show US Topo Collection' data-id='US Topo' alt='Show US Topo Collection'>UST</a> <a class='seriesSwitch dot activeScale scaleDefault' title='Show All Collections' data-id='All' alt='Show All Collections'>All</a> </div> <div class='inline col12 center mapInfo'> <div id='mapHits' class='col11'> <span class='hitsLocation noselect'></span> </div> </div> <div class='inline col12 center'> <div id='address' class='col11'> <span class='reverseAddress'></span><br> </div> </div> <div class='col12 inline center' id='sideFilters'> <form style="margin-top: 4px;"> <input id='recFilter' class='pad1 col4' placeholder='Filter records' type='text' style='width: 146px;' title='Filter by keyword'> <button class='col2 pad1 fa fa-lg fa-times filter filterReset' type='button'></button> </form> <div class='center col5 noselect' id='tableFilter'> <a class='filtered dot' title='Sort by name' data-id='recTitle' alt='Sort records by name'>Name</a> <a class='filtered dot activeSort desc' title='Sort by date' data-id='recYears' alt='Sort records by date'>Date <span class='fa fa-caret-up filterArrow'></span></a> <a class='filtered dot' title='Sort by scale' data-id='recScale' alt='Sort records by scale'>Scale</a> <a class='filtered dot' title='Sort by state' data-id='recState' alt='Sort records by state name'>State</a> </div> </div> </div> <div id='mapTableSide' class='col12'></div> </div> <div class='toolbar hidden'> <div class='icon-tvFooter' id='infoPop'></div> <div id='tvInfo' title='About'> <div class='hidden' id='aboutTabs'> <hr> <ul> <li> <a href='#viewerTab' alt='About the maps'>The Maps</a> </li> <li> <a href='#teamTab' alt='About our team'>Our Team</a> </li> <li> <a href='#newsTab' alt='TopoView news'>News</a> </li> </ul> <div class='hidden' id='viewerTab'> <p>TopoView highlights one of the USGS's most important and useful products, the <a href='https://nationalmap.gov/ustopo/history.html' style='text-decoration: underline' target='_blank'>topographic map</a>. In 1879, the USGS began to map the Nation's topography. This mapping was done at different levels of detail, in order to support various land use and other purposes. As the years passed, the USGS produced new map versions of each area. The most current map of each area is available from <a href='https://nationalmap.gov/' style='text-decoration: underline' target='_blank'>The National Map</a>. TopoView shows the many and varied older maps of each area, and so is especially useful for historical purposes鈥攆or example, the names of some natural and cultural features have changed over time, and the historical names can be found on many of these topographic maps.</p> <p>This interface was created by the <a href='https://ngmdb.usgs.gov/ngmdb/ngmdb_home.html' style='text-decoration: underline' target='_blank'>National Geologic Map Database project</a> (NGMDB), in support of the topographic mapping program, managed by the USGS National Geospatial Program (NGP). Geologic and topographic mapping have a long tradition together (see <a href='https://ngmdb.usgs.gov/Info/reports/IGC-Berlin_Powell.pdf' style='text-decoration: underline' target='_blank'>1888 report</a>). The NGMDB project is proud to assist the NGP in bringing these maps to the Web.</p> <a class='icon-tvAbout center col12' href='../' target='_blank' style='padding-top:5px;' alt='topoView home page'></a> </div> <div class='hidden' id='teamTab'> <p class='fl'> <a href='mailto:cgarrity@usgs.gov'><img class='profile' src='../assets/images/garrity.png' alt='Send mail to cgarrity@usgs.gov'></a><span class='title'>Chris Garrity</span> <br> <span class='margin1r'>Chris leads a variety of GIScience themed projects throughout the U.S. Geological Survey. Chris served as the topoView development lead.</span></p> <p class='fl'> <a href='mailto:rwardwell@usgs.gov'><img class='profile' src='../assets/images/wardwell.png' alt='Send mail to rwardwell@usgs.gov'></a><span class='title'>Rob Wardwell</span> <br> <span class='margin1r'>Rob is a developer for the <a href='https://ngmdb.usgs.gov/ngmdb/ngmdb_home.html' style='text-decoration: underline' target='_blank'>National Geologic Map Database</a> project. Over the last decade, he's been focused on improving the accessibility of geologic map data to the public.</span></p> <p class='fl'> <a href='mailto:drsoller@usgs.gov'><img class='profile' src='../assets/images/soller.png' alt='Send mail to drsoller@usgs.gov'></a><span class='title'>Dave Soller</span> <br> <span class='margin1r'>Dave is Chief of the National Geologic Map Database project, and serves to help define the focus of topoView.</span></p> </div> <div class='hidden' id='newsTab'> <p><span class='title col12 center' style='text-decoration:underline; margin:0px'>US Topo Series added to topoView</span> <br> We've added the <a href='https://nationalmap.gov/ustopo/about.html' style='text-decoration: underline' target='_blank'>US Topo series</a> to topoView, giving users access to over 3 million downloadable files from 2009 to the present day. The US Topo series is a latest generation of topographic maps modeled on the USGS historical 7.5-minute series (created from 1947-1992). Like the historical topographic mapping collection, we've added a variety of file formats previously unavailable for the US Topo series, including GeoTIFF and KMZ.</p> <p><span class='title col12 center' style='text-decoration:underline; margin:0px'>New functionality driven by your feedback</span> <br> The latest version of topoView is full of enhancements based on hundreds of your comments and suggestions. We've added the ability to preview maps within the interface and give you tools to compare any historical map with maps of the present. Filters and searches work seamlessly with the map records table to get you the info you need with fewer clicks. Accessing the information you need is easier and quicker than ever. As always, your feedback is important to us so don't hesitate to let us know what you'd like to see in future releases!</p> </div> </div> </div> <div class='pill col12' id='shareInfo' title='Share'> <hr style='border-top-color: rgba(255, 255, 255, 0.3); border-top-width: 1px; border-top-style: solid;'> <p class='sharetext'>Copy/paste the URL below to share this map via email, web browser, text editor, etc.</p> </div> <div class='col12' id='settingInfo' title='Settings'> <hr> <p class='col11 splashText' style='margin-left: 14px;'>Use the general settings below to customize selected topoView features and control how the interface is displayed.</p> <div class='col12'><span class='col8 settingText'>Turn map boundaries on or off</span> <div class='dark rounded-toggle inline' id='boundToggle'> <span class='boundToggle active' id='boundsOn'>On</span> <span class='boundToggle' id='boundsOff'>Off</span> </div> </div> <div class='col12'><span class='col8 settingText'>Turn selection box on or off</span> <div class='dark rounded-toggle inline' id='selectToggle'> <span class='boundToggle active' id='selectOn'>On</span> <span class='boundToggle' id='selectOff'>Off</span> </div> </div> <div class='col12'><span class='col8 settingText slideText'>Map boundary opacity</span> <div class='col2' id='mapSlide'></div> </div> <!-- <div class='col12'><span class='col8 settingText'>Turn dark theme on or off</span> <div class='dark rounded-toggle inline' id='modeToggle'> <span class='modeToggle' id='modeLight'>On</span> <span class='modeToggle active' id='modeDark'>Off</span> </div> </div> --> <div class='col12'><span class='col8 settingText'>Show marker on click/tap</span> <div class='dark rounded-toggle inline' id='markerToggle'> <span class='active' id='markerOn'>On</span> <span id='markerOff'>Off</span> </div> </div> </div> </div> <!-- <div class='baseswitch hidden style-switch' data-map='satellite' id='baseswitch'> <a class='tooltip bottom terrain fill-gray-dark dot light-scale switcher activebase' data-mapid='cgarrity.d4ba0eed' data-title='Terrain' alt='Choose terrain basemap'></a> <a class='tooltip bottom sat dot fill-gray-dark dark-scale switcher' data-mapid='cgarrity.i8kgl101' data-title='Satellite' alt='Choose satellite basemap'></a> <a class='tooltip bottom dot light-scale switcher legTopo' data-title='USGS Topo' alt='Choose legacy topo basemap'></a> <a class='icon-tvTer' alt='Terrain'></a> <a class='icon-tvSat' alt='Satellite'></a> <a class='icon-tvLegTopo' alt='Legacy topo'></a> --> <!--Mapbox GL--> <div id='baseswitch' class='hidden'> <a class='tooltip bottom terrain dot light-scale switcher activebase' id='cio4cbkz8004oaengik689df2' data-title='Terrain' href='#'></a> <a class='tooltip bottom sat dot dark-scale switcher' id='ckqjh4y1t7yjv17qm8ksg9l0a' data-title='Satellite' href='#'></a> <a class='tooltip bottom dot light-scale switcher legTopo' data-title='USGS Topo' href='#'></a> <a class='icon-tvTer'></a> <a class='icon-tvSat'></a> <a class='icon-tvLegTopo'></a> </div> <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v2.0.0/mapbox-gl.js'></script> <script src="../v2.2.0/js/leaflet.js"></script> <script src="../v2.2.0/js/leaflet-mapbox-gl.js"></script> <script type='text/javascript' src='../v2.2.0/js/jquery-1.10.2.min.js'></script> <script type='text/javascript' src='../v2.2.0/js/jquery-ui.min.js'></script> <script type='text/javascript' src='../v2.2.0/js/viewer.min.js'></script> <script src="../v2.2.0/js/Control.Geocoder.min.js"></script> <script type='text/javascript' src='../v2.2.0/js/tv.controls.min.js'></script> <!-- <script type='text/javascript' src='../workingFiles/js/tv.controls.js'></script> --> </body> </html>