CINXE.COM
cloudgiswebservices
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" /> <title>cloudgiswebservices</title> <meta name="DC.title" content="cloudgiswebservices" /> <meta name="DC.description" content="cloudgiswebservices" /> <meta name="DC.creator" content="US Department of Commerce, NOAA, National Weather Service" /> <meta name="DC.date.created" scheme="ISO8601" content="January 23rd 2025 4:24 PM" /> <meta name="DC.language" scheme="DCTERMS.RFC1766" content="EN-US" /> <meta name="DC.keywords" content="cloudgiswebservices" /> <meta name="DC.publisher" content="NOAA's National Weather Service" /> <meta name="DC.contributor" content="National Weather Service" /> <meta name="DC.rights" content="/disclaimer.php" /> <meta name="rating" content="General" /> <meta name="robots" content="index,follow" /> <link href="/css/weatherstyle.css" rel="stylesheet" type="text/css" /> <link href="/css/template.css" rel="stylesheet" type="text/css" /> <link href="/css/myfcst.css" rel="stylesheet" type="text/css" /> <link href="/css/ForecastSearch.css" rel="stylesheet" type="text/css" /> <link href="/css/pointforecast.css" rel="stylesheet" type="text/css" /> <link href="/css/jqueryui10_3_1custom/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" type="text/css" /> <link href="/css/widgets.css" rel="stylesheet" type="text/css" /> <link href="/css/colorbox/colorbox.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="/js/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="/js/jquery-ui-1.10.3.custom.min.js"></script> <script type="text/javascript" src="/js/jquery.hoverIntent.minified.js"></script> <script type="text/javascript" src="/js/ForecastSearch.js"></script> <script type="text/javascript" id="_fed_an_ua_tag" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=DOC&subagency=NOAA&pua=G-736JJ6NL0V"></script> <script type="text/javascript" src="/js/topNavMenu.js"></script> <script type="text/javascript" src="/js/NidsESRI.js"></script> <script type="text/javascript" src="/js/widgets.js"></script> <script type="text/javascript" src="/js/jquery.cycle2.min.js"></script> <script type="text/javascript" src="/js/jquery.colorbox-min.js"></script> <script type="text/javascript" src="/js/nwsexit.js"></script> </head> <body> <div class="header"> <div class="header-content"> <a href="https://www.weather.gov" class="header-nws"><img src="/bundles/templating/images/header/header.png" alt="National Weather Service"/></a> <a href="http://www.commerce.gov" class="header-doc"><img src="/bundles/templating/images/header/header_doc.png" alt="United States Department of Commerce"/></a> <a href="http://www.noaa.gov" class="header-noaa" title="National Oceanic and Atmospheric Administration"></a> </div> <div style="clear:both"></div> </div> <div class="header-shadow"> <div class="header-shadow-content"></div> </div> <script> var domains = { weather: "https://www.weather.gov", forecast: "https://forecast.weather.gov", airquality: "https://airquality.weather.gov", aviation: "https://aviationweather.gov", water: "https://water.weather.gov", graphical: "https://graphical.weather.gov", alerts: "https://alerts-v2.weather.gov", api: "https://api.weather.gov", radar: "https://radar.weather.gov", esriGeocode: "https://geocode.arcgis.com" } </script> <div class="center"> <div class="content"> <div class="topnav"> <ul id="topnav"> <li> <script type="text/javascript"> function goBack() { if (document.referrer.toLowerCase().indexOf("weather.gov") != -1) { history.back(); } else { document.location.href = "https://www.weather.gov"; } } </script> <div class="topMenuNavList home"> <a href="#" onclick="goBack();">HOME</a> </div> </li> <li> <div class="topMenuNavList section-link"> <a href="https://www.weather.gov/forecastmaps/">FORECAST</a> </div> <div style="opacity: 0;" class="sub"> <ul> <li> <a href="https://www.weather.gov">Local</a> </li> <li> <a href="https://digital.weather.gov">Graphical</a> </li> <li> <a href="https://aviationweather.gov">Aviation</a> </li> <li> <a href="https://www.weather.gov/marine/">Marine</a> </li> <li> <a href="https://water.noaa.gov">Rivers and Lakes</a> </li> <li> <a href="https://www.nhc.noaa.gov">Hurricanes</a> </li> <li> <a href="https://www.spc.noaa.gov">Severe Weather</a> </li> <li> <a href="https://www.weather.gov/fire/">Fire Weather</a> </li> <li> <a href="https://gml.noaa.gov/grad/solcalc/">Sunrise/Sunset</a> </li> <li> <a href="https://www.cpc.ncep.noaa.gov">Long Range Forecasts</a> </li> <li> <a href="https://www.cpc.ncep.noaa.gov">Climate Prediction</a> </li> <li> <a href="https://www.swpc.noaa.gov">Space Weather</a> </li> </ul> </div> </li> <li> <div class="topMenuNavList section-link"> <a href="https://www.weather.gov/wrh/climate">PAST WEATHER</a> </div> <div style="opacity: 0;" class="sub"> <ul> <li> <a href="https://www.weather.gov/wrh/climate">Past Weather</a> </li> <li> <a href="https://www.weather.gov/wrh/climate">Heating/Cooling Days</a> </li> <li> <a href="https://www.weather.gov/wrh/climate">Monthly Temperatures</a> </li> <li> <a href="https://www.weather.gov/wrh/climate">Records</a> </li> <li> <a href="https://gml.noaa.gov/grad/solcalc/">Astronomical Data</a> </li> </ul> </div> </li> <li> <div class="topMenuNavList section-link"> <a href="https://www.weather.gov/safety/">SAFETY</a> </div> <div style="opacity: 0;" class="sub"> <ul> <li> <a href="https://www.weather.gov/safety/tsunami">Tsunamis</a> </li> <li> <a href="https://www.weather.gov/safety/flood">Floods</a> </li> <li> <a href="https://www.weather.gov/safety/beachhazards">Beach Hazards</a> </li> <li> <a href="https://www.weather.gov/safety/wildfire">Wildfire</a> </li> <li> <a href="https://www.weather.gov/safety/cold">Cold</a> </li> <li> <a href="https://www.weather.gov/safety/tornado">Tornadoes</a> </li> <li> <a href="https://www.weather.gov/safety/fog">Fog</a> </li> <li> <a href="https://www.weather.gov/safety/airquality">Air Quality</a> </li> <li> <a href="https://www.weather.gov/safety/heat">Heat</a> </li> <li> <a href="https://www.weather.gov/safety/hurricane">Hurricanes</a> </li> <li> <a href="https://www.weather.gov/safety/lightning">Lightning</a> </li> <li> <a href="https://www.weather.gov/safety/safeboating">Safe Boating</a> </li> <li> <a href="https://www.weather.gov/safety/ripcurrent">Rip Currents</a> </li> <li> <a href="https://www.weather.gov/safety/thunderstorm">Thunderstorms</a> </li> <li> <a href="https://www.weather.gov/safety/space">Space Weather</a> </li> <li> <a href="https://www.weather.gov/safety/heat-uv">Sun (Ultraviolet Radiation)</a> </li> <li> <a href="https://www.weather.gov/safety/wind">Wind</a> </li> <li> <a href="https://www.weather.gov/safety/drought">Drought</a> </li> <li> <a href="https://www.weather.gov/safety/winter">Winter Weather</a> </li> </ul> </div> </li> <li> <div class="topMenuNavList section-link"> <a href="https://www.weather.gov/informationcenter">INFORMATION</a> </div> <div style="opacity: 0;" class="sub"> <ul> <li> <a href="https://www.weather.gov/wrn/wea">Wireless Emergency Alerts</a> </li> <li> <a href="https://www.weather.gov/wrn/">Weather-Ready Nation</a> </li> <li> <a href="https://www.weather.gov/owlie/publication_brochures">Brochures</a> </li> <li> <a href="https://www.weather.gov/coop/">Cooperative Observers</a> </li> <li> <a href="https://www.weather.gov/briefing/">Daily Briefing</a> </li> <li> <a href="https://www.weather.gov/hazstat">Damage/Fatality/Injury Statistics</a> </li> <li> <a href="http://mag.ncep.noaa.gov">Forecast Models</a> </li> <li> <a href="https://www.weather.gov/gis/">GIS Data Portal</a> </li> <li> <a href="https://www.weather.gov/nwr">NOAA Weather Radio</a> </li> <li> <a href="https://www.weather.gov/publications/">Publications</a> </li> <li> <a href="https://www.weather.gov/skywarn/">SKYWARN Storm Spotters</a> </li> <li> <a href="https://www.weather.gov/stormready">StormReady</a> </li> <li> <a href="https://www.weather.gov/tsunamiready/">TsunamiReady</a> </li> <li> <a href="https://www.weather.gov/notification/">Service Change Notices</a> </li> </ul> </div> </li> <li> <div class="topMenuNavList section-link"> <a href="https://www.weather.gov/education/">EDUCATION</a> </div> <div style="opacity: 0;" class="sub"> <ul> <li> <a href="https://www.weather.gov/wrn/force">Be A Force of Nature</a> </li> <li> <a href="https://www.weather.gov/owlie/">NWS Education Home</a> </li> </ul> </div> </li> <li> <div class="topMenuNavList section-link"> <a href="https://www.weather.gov/news">NEWS</a> </div> <div style="opacity: 0;" class="sub"> <ul> <li> <a href="https://www.weather.gov/news">NWS News</a> </li> <li> <a href="https://www.weather.gov/wrn/calendar">Events</a> </li> <li> <a href="https://www.weather.gov/owlie/publication_brochures">Pubs/Brochures/Booklets </a> </li> <li> <a href="https://www.noaa.gov/NOAA-Communications">NWS Media Contacts</a> </li> </ul> </div> </li> <li> <div class="topMenuNavList section-link"> <a href="https://www.weather.gov/search/">SEARCH</a> </div> <div style="opacity: 0;" class="sub"> <ul class="no-links"> <li><!-- Begin search code --> <div id="site-search"> <form method="get" action="https://search.usa.gov/search" style="margin-bottom: 0; margin-top: 0;"> <input type="hidden" name="v:project" value="firstgov" /> <label for="query">Search For</label> <input type="text" name="query" id="query" size="12" /> <input type="submit" value="Go" /> <p> <input type="radio" name="affiliate" checked="checked" value="nws.noaa.gov" id="nws" /> <label for="nws" class="search-scope">NWS</label> <input type="radio" name="affiliate" value="noaa.gov" id="noaa" /> <label for="noaa" class="search-scope">All NOAA</label> </p> </form> </div> </li> </ul> </div> </li> <li class="last"> <div class="topMenuNavList section-link"> <a href="https://www.weather.gov/about/">ABOUT</a> </div> <div style="opacity: 0;" class="sub"> <ul> <li> <a href="https://www.weather.gov/about/">About NWS</a> </li> <li> <a href="https://www.weather.gov/organization">Organization</a> </li> <li> <a href="https://www.weather.gov/media/wrn/NWS-2023-Strategic-Plan.pdf">Strategic Plan</a> </li> <li> <a href="https://sites.google.com/a/noaa.gov/nws-insider/">For NWS Employees</a> </li> <li> <a href="https://www.weather.gov/insider">International</a> </li> <li> <a href="https://www.weather.gov/ncep/">National Centers</a> </li> <li> <a href="https://www.noaa.gov/nws-careers">Careers</a> </li> <li> <a href="https://www.weather.gov/contact">Contact Us</a> </li> <li> <a href="https://forecast.weather.gov/glossary.php">Glossary</a> </li> <li> <a href="https://www.weather.gov/socialmedia">Social Media</a> </li> </ul> </div> </li> </ul> </div> </div> <div class="center-content"> <div class="full-width-border"> <div class="partial-width-borderbottom"> <!-- area for the myforecast widget and wwamap data --> <div class="div-full"> <div class="div-full breadcrumb"> <div class="sitename"> <p class="sitename-name">GIS</p> <p class="sitename-class">National Program</p> </div> <div class="location"> <h1 class='location-pagetitle'>cloudgiswebservices</h1> <div class='location-breadcrumb'> <a href="https://www.weather.gov">Weather.gov</a> > <a href="https://www.weather.gov/gis">GIS</a> > cloudgiswebservices </div> </div> </div> <div class="div-full"> <div class="subMenuNav"> <ul id="subMenuNav"> <li> <div class="subMenuNavList section-link"> <a href="https://www.weather.gov/gis/cloudgiswebservices">CloudGIS Web Services</a> </div> </li> <li> <div class="subMenuNavList section-link"> <a href="https://viewer.weather.noaa.gov/">the National Viewer</a> </div> </li> <li> <div class="subMenuNavList section-link"> <a href="https://www.weather.gov/gis/AWIPSShapefiles">AWIPS Basemaps</a> </div> </li> <li> <div class="subMenuNavList section-link"> <a href="https://www.weather.gov/gis/WebServices">Web Services</a> </div> </li> <li> <div class="subMenuNavList section-link"> <a href="https://www.weather.gov/gis/IDP-GISRestMetadata">Metadata Page</a> </div> </li> <li> <div class="subMenuNavList section-link"> <a href="https://www.weather.gov/gis/coming_soon">Coming Soon</a> </div> </li> </ul> </div> </div> <div class="div-full"> <div class="cms-content"><script> $(document).ready(function () { //remove forecast widget, top news section and left column - valid on WFO pages //$('#myfcst-widget, #topnews, .one-sixth-first').remove(); //take remainder of content section, and make sure it spans the full width of available content area //$('.five-sixth-first').css('width', '98%'); $("#referenceMaps").click(function () { $("#reference").toggle('slow'); }); $("#currentWeather").click(function () { $("#wxForecasts").toggle('slow'); }); $("#wwa").click(function () { $("#wwaInfo").toggle('slow'); }); $("#climate").click(function () { $("#climateInfo").toggle('slow'); }); $("#aqa").click(function () { $("#aqaInfo").toggle('slow'); }); $("#winter").click(function () { $("#winterWx").toggle('slow'); }); $("#water").click(function () { $("#waterInfo").toggle('slow'); }); $("#fire").click(function () { $("#fireWx").toggle('slow'); }); $("#tropical").click(function () { $("#tropicalWx").toggle('slow'); }); $("#experimental").click(function () { $("#expInfo").toggle('slow'); }); $("#ndfd").click(function () { $("#ndfdInfo").toggle('slow'); }); collapseAll(); }); </script> <style type="text/css">.linkGroup { width: 1050px; max-width: 90%; margin: 0 auto; } .linkGroup h3 { font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 1.4em; margin-bottom: 5px; text-indent: 10px; border-radius: 20px; /* will make round edges for all menus i.e. WWA*/ } #reference, #wwaInfo, #wxForecasts, #climateInfo, #aqaInfo, #expInfo, #tropicalWx, #waterInfo, #fireWx, #ndfdInfo, #winterWx { padding-bottom: 20px; background: #E5FFFF !important; height: auto; overflow: hidden; } #referenceMaps, #currentWeather, #wwa, #water, #climate, #aqa, #experimental, #tropical, #fire, #ndfd, #winter { color: #fff; font-weight: bold; background: #0000B3; } #standardInfo, #controls { width: 100%; margin: 0 auto; } .linkTable table { width: 90%; max-width: 1050px; margin: 0 auto; border: 1px solid; margin-bottom: 3px; } .linkTable td { padding: 3px; width: 14%; font-size: 1.25em; } .linkTable th { background: #666; color: #FFF; font-size: 1.25em; } .linkTable a:link, .linkTable a:visited { color: #33A; text-decoration: none; } .linkTable a:hover, .linkTable a:active { color: #A6A; text-decoration: none; } .clear { clear: both; } #myInput { background-image: url('/images/gis/searchicon.png'); /* Add a search icon to input */ background-position: 370px 2px; /* Position the search icon */ background-repeat: no-repeat; /* Do not repeat the icon image */ width: 300px; font-size: 1.2em; /* Increase font-size */ border: 1px solid #ddd; /* Add a grey border */ margin-bottom: 12px; /* Add some space below the input */ } .expMenu { height: 35px; margin-right: 10px; margin-bottom: 12px; border: 1px solid #ddd; border-radius: 20px; /* will make round edges for Expand & Cloapse*/ font-size: 1.2em; } h1.contentTitle { text-align: center; } </style> <div id="standardInfo"> <h1 class="contentTitle">National Weather Service Data as OGC Web Services on the Public Cloud</h1> <p>This page is for data that is available as Geospatial Information System (GIS) Web Services running on the public cloud. This page contains web services that follow the Open Geospatial Consortium (OGC) standards for web services. Three standards are supported - Web Mapping Services (WMS), Web Feature Services (WFS) and Web Coverage Services (WCS).</p> <p>If these services are not functioning (operational issue), contact: <a href="mailto:sdm@noaa.gov">sdm@noaa.gov</a>.</p> <p>For questions or concerns about these services, please contact the <a href="mailto:nws.mapservices@noaa.gov">DISS GIS</a> Team.</p> <p>To receive notifications on changes to our web services, please subscribe to our <a href="https://www.lstsrv.ncep.noaa.gov/mailman/listinfo/ncep.list.idp-gis-status" target="_blank">Listserv</a>.</p> <p>Link to Radar application: <a href="https://radar.weather.gov" target="_blank">https://radar.weather.gov</a></p> <p>Link to Radar WMS/WFS: <a href="https://opengeo.ncep.noaa.gov/geoserver/www/index.html" target="_blank">https://opengeo.ncep.noaa.gov/geoserver/www/index.html</a></p> <p>Link to <a href="https://www.weather.gov/media/notification/pdf_2023_24/scn23-01_sunset_idp-gis.pdf" target="_blank">Service Change Notice</a></p> </div> <hr width="50%" /> <div id="controls"><button class="expMenu" onclick="expandAll()">Expand All</button><button class="expMenu" onclick="collapseAll()">Collapse All</button><select id="sectionSelect" onchange="selectSection()"><option value="">Select a Menu</option><option value="expandAll">Expand All Sections</option><option value="collapseAll">Collapse All Sections</option><option value="wwa">Watches, Warnings and Advisories (WWA), and Radar Services</option><option value="tropical">Tropical Weather Products and Services (Hurricanes)</option><option value="aqa">Air Quality Products</option><option value="climate">Climate Outlooks</option><option value="currentWeather">Current Weather and Forecast Products and Services</option><option value="fire">Fire Weather Products and Services</option><option value="ndfd">National Digital Forecast Database (NDFD)</option><option value="referenceMaps">NWS Reference Maps</option><option value="water">Water Products and Services</option><option value="winter">Winter Weather Products and Services</option><option value="experimental">Experimental Products</option> </select><input id="myInput" onkeyup="searchInput()" placeholder="Search for data.." type="text" /></div> <div id="GISLinks"> <div class="linkGroup"> <h3 id="wwa">Watches, Warnings and Advisories (WWA), and Radar Services</h3> <div class="linkTable" id="wwaInfo"> </div> </div> <div class="linkGroup"> <h3 id="tropical">Tropical Weather Products and Services (Hurricanes)</h3> <div class="linkTable" id="tropicalWx"> </div> </div> <div class="linkGroup"> <h3 id="aqa">Air Quality Products</h3> <div class="linkTable" id="aqaInfo"> </div> </div> <div class="linkGroup"> <h3 id="climate">Climate Outlooks</h3> <div class="linkTable" id="climateInfo"> </div> </div> <div class="linkGroup"> <h3 id="currentWeather">Current Weather and Forecast Products and Services</h3> <div class="linkTable" id="wxForecasts"> </div> </div> <div class="linkGroup"> <h3 id="fire">Fire Weather Products and Services</h3> <div class="linkTable" id="fireWx"> </div> </div> <div class="linkGroup"> <h3 id="ndfd">National Digital Forecast Database (NDFD)</h3> <div class="linkTable" id="ndfdInfo"> </div> </div> <div class="linkGroup"> <h3 id="referenceMaps">NWS Reference Maps</h3> <div class="linkTable" id="reference"> </div> </div> <div class="linkGroup"> <h3 id="water">Water Products and Services</h3> <div class="linkTable" id="waterInfo"> </div> </div> <div class="linkGroup"> <h3 id="winter">Winter Weather Products and Services</h3> <div class="linkTable" id="winterWx"> </div> </div> <div class="linkGroup"> <h3 id="experimental">Experimental Products</h3> <div class="linkTable" id="expInfo"> </div> </div> </div> <script> // open up JSON file and process data var GISLinks = $.getJSON("/source/gis/GIS/GISLinks.json", function (DATA) { // array of codes showing different categories of GIS data in our list codes = ["wwa", "tropical", "aqa", "climate", "weather", "fire", "ndfd", "maps", "water", "winter", "experimental"]; // configured and missing are troubleshooting variables that we use. The information can be shown in the console log after all processing is done var configured = 0; var missing = ''; // loop through each of the GIS data categories. For each category, create a table and add it to the web page. The table will have one row for each individual data product in our JSON file for (i = 0; i < codes.length; i++) { var group = codes[i]; if (DATA[group]) { configured++; //console.log(group + " " + Object.keys(DATA[group]).length); $.each(DATA[group], function (key, val) { //console.log(val.name); //console.log(val.REST); //console.log(val.WMS); //console.log(val.WFS); //console.log(val.AGOL); //console.log(val.WebMap); //console.log(val.Metadata); var markup = '<table>'; markup += '<tr><th colspan="7">' + val.name + '</th></tr><tr>'; if (val.REST == "") { markup += '<td> </td>'; } else { markup += '<td><a href="' + val.REST + '" target="_blank">RESTs</a></td>'; } if (val.WMS == "") { markup += '<td> </td>'; } else { markup += '<td><a href="' + val.WMS + '" target="_blank">WMS/WMTS</a></td>'; } if (val.WFS == "") { markup += '<td> </td>'; } else { markup += '<td><a href="' + val.WFS + '" target="_blank">WFS/WCS</a></td>'; } if (val.AGOL == "") { markup += '<td> </td>'; } else { markup += '<td><a href="' + val.AGOL + '" target="_blank">ArcGIS Web Map</a></td>'; } if (val.WebMap == "") { markup += '<td> </td>'; } else { markup += '<td><a href="' + val.WebMap + '" target="_blank">AGOL Item Page</a></td>'; } if (val.legend == "") { markup += '<td> </td>'; } else { markup += '<td><a href="' + val.legend + '" target="_blank">Legend</a></td>'; } if (val.Metadata == "") { markup += '<td> </td>'; } else { markup += '<td><a href="' + val.Metadata + '" target="_blank">Metadata</a></td>'; } markup += '</tr></table>'; //add table for this group to its proper div on the web page if (group == "maps") { $("#reference").append(markup); } else if (group == "weather") { $("#wxForecasts").append(markup); } else if (group == "wwa") { $("#wwaInfo").append(markup); } else if (group == "climate") { $("#climateInfo").append(markup); } else if (group == "experimental") { $("#expInfo").append(markup); } else if (group == "tropical") { $("#tropicalWx").append(markup); } else if (group == "fire") { $("#fireWx").append(markup); } else if (group == "water") { $("#waterInfo").append(markup); } else if (group == "aqa") { $("#aqaInfo").append(markup); } else if (group == "winter") { $("#winterWx").append(markup); } else if (group == "ndfd") { /* ndfd ks.New*/ $("#ndfdInfo").append(markup); } }); } else { missing++; } } console.log('Configuration found for ' + configured + ' of 10 arrays installed. Missing: ' + missing); }) .done(function () { console.log("second success"); }) .fail(function () { console.log("error"); }) .always(function () { console.log("complete"); }); // Set another completion function for the request above GISLinks.always(function () { //console.log( "second complete" ); }); function searchInput() { // Declare variables var input, filter, table, tr, td, i, txtValue; input = document.getElementById("myInput"); filter = input.value.toUpperCase(); linkList = document.getElementById("GISLinks"); tr = linkList.getElementsByTagName("tr"); tbl = linkList.getElementsByTagName("table"); // Loop through all table rows, and hide those who don't match the search query for (i = 0; i < tbl.length; i++) { th = tbl[i].getElementsByTagName("th")[0]; if (th) { txtValue = th.textContent || th.innerText; if (txtValue.toUpperCase().indexOf(filter) > -1) { tbl[i].style.display = ""; tbl[i + 1].style.display = ""; } else { tbl[i].style.display = "none"; tbl[i + 1].style.display = "none"; } } } } function expandAll() { $(".linkTable").show('slow'); } function collapseAll() { $(".linkTable").hide('slow'); } function reloadThePage() { window.location.reload('true'); } // Function to select a section or action from the dropdown menu function selectSection() { var selectedAction = document.getElementById("sectionSelect").value; // Collapse all sections first collapseAll(); // Perform the selected action if (selectedAction === "referenceMaps") { document.getElementById("referenceMaps").classList.add("active"); document.getElementById("reference").style.display = "block"; } else if (selectedAction === "wwa") { document.getElementById("wwa").classList.add("active"); document.getElementById("wwaInfo").style.display = "block"; } else if (selectedAction === "tropical") { document.getElementById("tropical").classList.add("active"); document.getElementById("tropicalWx").style.display = "block"; } else if (selectedAction === "currentWeather") { document.getElementById("currentWeather").classList.add("active"); document.getElementById("wxForecasts").style.display = "block"; } else if (selectedAction === "winter") { document.getElementById("winter").classList.add("active"); document.getElementById("winterWx").style.display = "block"; } else if (selectedAction === "water") { document.getElementById("water").classList.add("active"); document.getElementById("waterInfo").style.display = "block"; } else if (selectedAction === "fire") { document.getElementById("fire").classList.add("active"); document.getElementById("fireWx").style.display = "block"; } else if (selectedAction === "climate") { document.getElementById("climate").classList.add("active"); document.getElementById("climateInfo").style.display = "block"; } else if (selectedAction === "aqa") { document.getElementById("aqa").classList.add("active"); document.getElementById("aqaInfo").style.display = "block"; } else if (selectedAction === "experimental") { document.getElementById("experimental").classList.add("active"); document.getElementById("expInfo").style.display = "block"; } else if (selectedAction === "ndfd") { document.getElementById("ndfd").classList.add("active"); document.getElementById("ndfdInfo").style.display = "block"; } else if (selectedAction === "expandAll") { expandAll(); } else if (selectedAction === "collapseAll") { collapseAll(); } } </script> </div> </div> <div style="clear:both"></div> </div> </div><!-- end of <div class="partial-width-borderbottom"> --> </div><!-- <div class="full-width-border"> --> <div class="partial-width-borderbottom feature-block"> <!-- area for features, frontpage thumbs, and custom page --> </div><!-- end of <div class="partial-width-borderbottom feature-block"> --> <div class="full-width-first"> </div> <div style="clear:both;"></div> </div><!-- <div class="center-content"> --> </div><!-- end of <div class="center"> --> <!-- sitemap area --> <div class="footer"> </div><!-- end of <div class="footer"> --> <!-- legal footer area --> <div class="footer-legal"> <div class="footer-legal"> <div class="footer-legal-content"> <div class="one-sixth-first" id="footer_legal_gov"> <a href="http://www.usa.gov"><img src="/bundles/templating/images/footer/usa_gov.png" alt="usa.gov" width="110" height="30" /></a> </div> <div class="one-half-first" id="footer_legal_info"> <p> <a href="http://www.commerce.gov">US Dept of Commerce</a><br /> <a href="http://www.noaa.gov">National Oceanic and Atmospheric Administration</a><br /> <a href="https://www.weather.gov">National Weather Service</a><br /> GIS<br /> <br /> , <br /><br /> <br /><a href="https://www.weather.gov/gis/Contact">Comments? Questions? Please Contact Us.</a> </p> </div> <div class="one-third-last" id="footer_required_links"> <div class="div-half"> <a href="https://www.weather.gov/disclaimer">Disclaimer</a><br /> <a href="http://www.cio.noaa.gov/services_programs/info_quality.html">Information Quality</a><br /> <a href="https://www.weather.gov/help">Help</a><br /> <a href="/glossary">Glossary</a> </div> <div class="div-half"> <a href="https://www.weather.gov/privacy">Privacy Policy</a><br /> <a href="https://www.noaa.gov/foia-freedom-of-information-act">Freedom of Information Act (FOIA)</a><br /> <a href="https://www.weather.gov/about">About Us</a><br /> <a href="https://www.weather.gov/careers">Career Opportunities</a> </div> </div> </div> </div> </div><!-- end of <div class="footer-legal"> --> <script type="text/javascript" src="//www.weather.gov/js/govshutdown.js"></script> </body> </html>