Turn on a map layer to see its legend here.

Weather Map Features & Usage Instructions Introduction: CAUTION! When this map is in "Full Page" mode the alerts for Hawaii and Alaska do not line up correctly. They only render correctly when the map is not in Full Page mode. You can set up this map in anyway you want, except for the base map you need to hand click. Set up all the opacity settings to your liking. Then set up your checks to either checked or unchecked for each item. NOW CLICK ON THE "Set" BUTTON. The next time you load up the page it will be to your personal settings. Home Button: Near the upper right of the map is the blue Home button. Clicking this button will return you to the default map position, coordinates and zoom level when you would like to reset the map to the original position. The Drop Down Menu: The top, side bar, drop down menu (US-Canada Radar) has all of the pre-set United States lower 48 Regional locations as well as Alaska, Canada, Australia, Puerto Rico, Virgin Islands and Guam. Folding up the Side Bar: The side bar contents can be completely folded up. Simply single click the text saying "Map Layer Options" and "Wx Observations" and the contents beneath them will fold up and hide. Radar viewing options: Put a check mark next to Radar (Mosaic) to view the very latest radar image. Put a check next to both "Radar (Mosaic)" and "Animate Radar" in order to view radar animation. The more zoomed in you are, the faster the radar will render. Weather Alerts: The category of "Weather Alerts" will give you the current NOAA Weather Alerts. Putting a check next to "Severe Wx Alerts" will give you the Short-Duration Storm-Based warnings, watches and alerts. "NWS Alerts" are for the current NWS Warnings. GOES Satellite: You can choose from "Infrared Satellite" and "Visible Satellite". Both of these world satellite views are animated with the Visible Satellite available only during daylight hours. Wind Barbs: The "Wind Barbs & Temps" gives the name of the station, the current temperature, wind direction and wind speed for each location. Trop Storm Tracks: When "Trop Storm Tracks" is selected a graphical storm track and cone of track possibilities will show on the map when a tropical storm is present. Station Markers: There are 4 options for "Station Markers", plus 3 general qualifiers. The Station Data can be the Temperature, Precipitation, Wind or Wind Gusts. The 3 qualifiers are elevation related. You can show the markers for all elevations, or show only elevations above 500 feet, or 1000 feet. Google Traffic: To see the Graphical Google Traffic layer you must be zoomed to at least zoom level 5 or more. Set Layer Opacity: The drop down menu directly under "Set Layer Opacity" will set the desired opacity (lightness/darkness) for each separate layer. Preferences: If after you have all your preferred settings set, you can save these settings by clicking on "Set". To unset your preferences click on "Clear". Click map to view: Set the drop down menu directly under "Click map to view" to either "Forecast", "Warnings" or "Zones" and then click an area on the map. If you have it set to Warnings and then click on a colored warning area, the text for the warning will be displayed. Set it to Forecast and click on a US area you want the forecast for and the forecast page for that area will pop up. For Zones, click on a map area to display the NOAA zone it is in. Magnifying Glass: The magnifying glass icon is located directly under the main map controls. Use it for draw an area on the map to zoom into. Click on the magnifying glass and it turns into cross hairs, then hold down a left click over the map area you want to zoom into.

Contact Us | Mobile Private Policy | Terms & Conds | Consent Preferences | Cookie Policy Never base any life decisions on weather information from this site or anywhere over the Internet. Site is dedicated to our Lord & Savior Jesus Christ | Random Quotes of Jesus Copyright © 2026 El Dorado Weather, Inc. | Site Designed By:  Webmaster Danny

// ═══════════════════════════════════════════════════════════════ // CANADA SNOW RADAR ANIMATION via PHP tile proxy // ═══════════════════════════════════════════════════════════════ var snowRadarFrames = []; var snowAnimIndex = 0; var snowAnimTimer = null; var snowAnimLayer = null; var snowAnimCanLayer = null; var snowRadarActive = false; function initSnowRadar() { fetch('/current/misc/google-maps-radar/geomet-times.php?layer=RADAR_1KM_RSNO') .then(function(r){ return r.json(); }) .then(function(data){ if (data.times && data.times.length) { snowRadarFrames = data.times.map(function(t, idx){ return { time:t, label: idx===data.times.length-1 ? 'Current' : ((data.times.length-1-idx)*6)+' min ago' }; }); snowAnimIndex = snowRadarFrames.length - 1; } }); } function snowRadarPlay() { if (!snowRadarFrames.length) { setTimeout(snowRadarPlay, 500); return; } if (snowAnimTimer) clearInterval(snowAnimTimer); showSnowRadarFrame(snowAnimIndex); snowAnimTimer = setInterval(function(){ snowAnimIndex = (snowAnimIndex + 1) % snowRadarFrames.length; showSnowRadarFrame(snowAnimIndex); }, 1500); } function snowRadarPause() { if (snowAnimTimer){ clearInterval(snowAnimTimer); snowAnimTimer = null; } } function snowRadarStop() { snowRadarPause(); if (snowAnimLayer) map.removeLayer(snowAnimLayer); snowAnimIndex = snowRadarFrames.length - 1; var ts = document.getElementById('snow-radar-timestamp'); if (ts) ts.textContent = ''; } var lightningStrikes = []; var lightningLoadedAt = 0; // when current batch was loaded var lightningGroup = null; var lightningTimer = null; var lightningAnimTimer = null; var _ltgCache = {}; function ltgZoomSize() { var z = map.getZoom(); if (z <= 5) return 2; if (z <= 7) return 3; if (z <= 9) return 4; return 5; } function makeStrikeIcon(age) { var c, s; s = ltgZoomSize(); if (age < 60) { c='#FFFFFF'; } else if (age < 120) { c='#FCFE04'; } else if (age < 180) { c='#FCAA04'; } else if (age < 240) { c='#BC0204'; } else if (age < 300) { c='#880000'; } else return null; var key = c+s; if (_ltgCache[key]) return _ltgCache[key]; _ltgCache[key] = L.divIcon({ className:'', html:'', iconSize:[s,s], iconAnchor:[s/2,s/2] }); return _ltgCache[key]; } function renderLightning() { if (!lightningGroup || !lightningStrikes.length) return; lightningGroup.clearLayers(); // age_frac: 0.0 = newest strike, 1.0 = oldest strike in the 5-min window // Add elapsed time since we fetched to push all strikes older var elapsed = (Date.now() / 1000) - lightningLoadedAt; var shown = 0; lightningStrikes.forEach(function(s) { // Convert frac to seconds (0→300) then add elapsed time since fetch var age = (s.age_frac * 7200) + elapsed; var icon = makeStrikeIcon(age); if (!icon) return; L.marker([s.lat, s.lon], {icon:icon}).addTo(lightningGroup); shown++; }); var ts = document.getElementById('lightning-timestamp'); if (ts) ts.textContent = shown + ' strikes visible'; } function loadLightningStrikes() { fetch('/current/misc/google-maps-radar/lightning-strikes.php') .then(function(r){ return r.json(); }) .then(function(data){ if (!lightningGroup) return; lightningStrikes = data.strikes || []; lightningLoadedAt = Date.now() / 1000; renderLightning(); }).catch(function(e){ console.log('Lightning error:', e); }); } function startLightning() { if (!lightningGroup) lightningGroup = L.layerGroup().addTo(map); loadLightningStrikes(); if (lightningTimer) clearInterval(lightningTimer); if (lightningAnimTimer) clearInterval(lightningAnimTimer); lightningTimer = setInterval(loadLightningStrikes, 300000); // fresh data every 5 min lightningAnimTimer = setInterval(renderLightning, 10000); // recolor every 10 sec map.on('zoomend', renderLightning); var ll=document.getElementById('ltg-legend'); if(ll) ll.style.display='block'; } function stopLightning() { if (lightningTimer) { clearInterval(lightningTimer); lightningTimer = null; } if (lightningAnimTimer) { clearInterval(lightningAnimTimer); lightningAnimTimer = null; } if (lightningGroup) { lightningGroup.clearLayers(); map.removeLayer(lightningGroup); lightningGroup = null; } lightningStrikes = []; var ll=document.getElementById('ltg-legend'); if(ll) ll.style.display='none'; var ts = document.getElementById('lightning-timestamp'); if (ts) ts.textContent = ''; } overlayDefs.forEach(function(def) { var div = document.createElement('div'); div.className = 'layerspan'; var chk = document.createElement('input'); chk.type = 'checkbox'; chk.id = def.id; chk.checked = def.defaultOn; var lbl = document.createElement('label'); lbl.htmlFor = def.id; lbl.textContent = def.name; div.appendChild(chk); div.appendChild(lbl); layerList.appendChild(div); if (def.isCanadaSnow) { var snowCtrlDiv = document.createElement('div'); snowCtrlDiv.id = 'snow-radar-controls'; snowCtrlDiv.style.display = 'none'; snowCtrlDiv.style.fontSize = '10px'; snowCtrlDiv.style.margin = '3px 0 5px 0'; snowCtrlDiv.innerHTML = '▶ Play' + '▮▮ Pause' + '■ Stop' + ''; div.appendChild(snowCtrlDiv); } if (def.isSnowAnim) { var snowCtrl = document.createElement('div'); snowCtrl.id = 'snow-radar-controls'; snowCtrl.style.cssText = 'display:none;font-size:10px;margin:3px 0 5px 0;'; snowCtrl.innerHTML = '▶ Play' + '▮▮ Pause' + '■ Stop' + ''; div.appendChild(snowCtrl); } if (def.isLightningStrikes) { var lCtrl = document.createElement('div'); lCtrl.id = 'lightning-controls'; lCtrl.style.cssText = 'display:none;font-size:9px;color:#555;margin:2px 0 5px 18px;'; lCtrl.innerHTML = ''; div.appendChild(lCtrl); } if (def.isRadar) { // Insert radar controls div right after the radar checkbox var ctrlDiv = document.createElement('div'); ctrlDiv.id = 'radar-controls'; ctrlDiv.style.display = 'none'; ctrlDiv.style.fontSize = '10px'; ctrlDiv.style.margin = '3px 0 5px 0'; ctrlDiv.innerHTML = '▶ Play' + '▮▮ Pause' + '■ Stop' + ''; div.appendChild(ctrlDiv); } chk.addEventListener('change', function() { if (def.isWUTemps) { if (this.checked) { enableWUTemps(); } else { disableWUTemps(); } return; } if (def.isCanadaSnow) { var snowControls = document.getElementById('snow-radar-controls'); if (this.checked) { snowControls.style.display = 'block'; snowRadarPlay(); // Add Canada GeoMet radar layer fetch('/current/misc/google-maps-radar/geomet-times.php?layer=RADAR_1KM_RSNO') .then(function(r){ return r.json(); }) .then(function(data){ if (!data.times || !data.times.length) return; var t = data.times[data.times.length - 1]; snowAnimCanLayer = L.tileLayer( '/current/misc/google-maps-radar/geomet-tile.php?z={z}&x={x}&y={y}&layer=RADAR_1KM_RSNO&time=' + encodeURIComponent(t), {opacity:0.75, attribution:'Environment Canada'} ); snowAnimCanLayer.addTo(map); }).catch(function(){}); } else { snowControls.style.display = 'none'; snowRadarStop(); if (snowAnimCanLayer) { map.removeLayer(snowAnimCanLayer); snowAnimCanLayer = null; } } return; } if (def.isSnowAnim) { var sc = document.getElementById('snow-radar-controls'); if (this.checked) { sc.style.display='block'; snowRadarPlay(); fetch('/current/misc/google-maps-radar/geomet-times.php?layer=RADAR_1KM_RSNO') .then(function(r){ return r.json(); }) .then(function(data){ if (!data.times || !data.times.length) return; var t = data.times[data.times.length - 1]; snowAnimCanLayer = L.tileLayer( '/current/misc/google-maps-radar/geomet-tile.php?z={z}&x={x}&y={y}&layer=RADAR_1KM_RSNO&time=' + encodeURIComponent(t), {opacity:0.75, attribution:'Environment Canada'} ); snowAnimCanLayer.addTo(map); }).catch(function(){}); } else { sc.style.display='none'; snowRadarStop(); if (snowAnimCanLayer) { map.removeLayer(snowAnimCanLayer); snowAnimCanLayer = null; } } return; } if (def.isLightningStrikes) { var lc = document.getElementById('lightning-controls'); if (this.checked) { lc.style.display='block'; startLightning(); } else { lc.style.display='none'; stopLightning(); } return; } if (def.isCounties) { if (this.checked) { if (!def.layer) { fetch('https://raw.githubusercontent.com/plotly/datasets/master/geojson-counties-fips.json') .then(function(r){ return r.json(); }) .then(function(data){ def.layer = L.geoJSON(data, { style: { color:'#333', weight:0.5, fillOpacity:0 } }); def.layer.addTo(map); }); } else { def.layer.addTo(map); } } else { if (def.layer) map.removeLayer(def.layer); } return; } if (def.isCanadaProv) { if (this.checked) { fetch('https://raw.githubusercontent.com/codeforamerica/click_that_hood/master/public/data/canada.geojson') .then(function(r){ return r.json(); }) .then(function(data){ def.layer = L.geoJSON(data, { style:{ color:'#000000', weight:2, fillOpacity:0 } }); def.layer.addTo(map); }); } else { if (def.layer) { map.removeLayer(def.layer); def.layer = null; } } } if (def.isStates) { if (this.checked) { if (!def.layer) { fetch('https://raw.githubusercontent.com/PublicaMundi/MappingAPI/master/data/geojson/us-states.json') .then(function(r){ return r.json(); }) .then(function(data){ def.layer = L.geoJSON(data, { style: { color:'#000', weight:1.5, fillOpacity:0 } }); def.layer.addTo(map); }); } else { def.layer.addTo(map); } } else { if (def.layer) map.removeLayer(def.layer); } return; } if (def.isRadar) { var controls = document.getElementById('radar-controls'); if (this.checked) { controls.style.display = 'block'; if (radarReady) { showRadarFrame(animIndex); radarPlay(); } } else { controls.style.display = 'none'; radarStop(); } } else { if (this.checked) { def.layer.setOpacity(def.opacity); def.layer.addTo(map); } else { map.removeLayer(def.layer); } } if (typeof updateLegends === 'function') updateLegends(); }); if (def.isCounties && def.defaultOn) { fetch('https://raw.githubusercontent.com/plotly/datasets/master/geojson-counties-fips.json') .then(function(r){ return r.json(); }) .then(function(data){ def.layer = L.geoJSON(data, { style:{ color:'#333', weight:0.5, fillOpacity:0 } }); def.layer.addTo(map); }); } if (def.isCanadaProv && def.defaultOn) { fetch('https://raw.githubusercontent.com/codeforamerica/click_that_hood/master/public/data/canada.geojson') .then(function(r){ return r.json(); }) .then(function(data){ def.layer = L.geoJSON(data, { style:{ color:'#000000', weight:2, fillOpacity:0 } }); def.layer.addTo(map); }); } if (def.isStates && def.defaultOn) { fetch('https://raw.githubusercontent.com/PublicaMundi/MappingAPI/master/data/geojson/us-states.json') .then(function(r){ return r.json(); }) .then(function(data){ def.layer = L.geoJSON(data, { style:{ color:'#000', weight:1.5, fillOpacity:0 } }); def.layer.addTo(map); }); } if (def.defaultOn && !def.isRadar && def.layer) { def.layer.setOpacity(def.opacity); def.layer.addTo(map); } });

Contact Us | Mobile Private Policy | Terms & Conds | Consent Preferences | Cookie Policy Never base any life decisions on weather information from this site or anywhere over the Internet. Site is dedicated to our Lord & Savior Jesus Christ | Random Quotes of Jesus Copyright © 2026 El Dorado Weather, Inc. | Site Designed By:  Webmaster Danny