- Your life in data
- 2024 Total Solar Eclipse
On April 8, a total solar eclipse is expected to cross the United States, Mexico and Canada. Select your location on the map to see eclipse times, peak sun coverage and likely levels of cloudiness during the eclipse.
Map
Chances of clear skies
Over 80%
60-80%
40-60%
Under 40%
0-20%
Path of the shadow center
Path of totality
* NOAA and the North Carolina Institute for Climate Studies reviewed past cloud data based on historical averages to predict cloud conditions during the eclipse. A higher number indicates a greater chance of clear skies.
Source: NASA, NOAA, North Carolina Institute for Climate Studies (NCICS)
Related Stories
'; return popupContent;}// cd = {"type": "Feature","properties":{"id":p.id, "n":p.char_a,"h":p.char_b,"ci":p.char_c, "cn":p.char_d, "st":p.char_e, "uc":p.text_b, "sp":p.text_a, "tp":p.type_a, "ct":p.type_b, "r":p.type_c, "yd":p.inte_b, "yr":p.inte_c, "ic":ics}, "geometry": {"type": "Point","coordinates":[round(float(p.char_g),6), round(float(p.char_f),6)]} }function slugify(text){ return text.toString().toLowerCase().trim() .replace(/[^\w\s-]/g, '') // remove non-word [a-z0-9_], non-whitespace, non-hyphen characters .replace(/[\s_-]+/g, '-') // swap any length of whitespace, underscore, hyphen characters with a single _ .replace(/^-+|-+$/g, ''); // remove leading, trailing -}mapboxgl.accessToken = 'pk.eyJ1IjoieXB5dW4iLCJhIjoiY2oxcW4ybWhxMDBkMjJxcGVhbDV5cnpzYyJ9.oFQSnOc57xCR7A51OR6-3w'; //ck0flqufl2k1x1cpmupm5sl2y //mapbox://styles/ypyun/ck0flqufl2k1x1cpmupm5sl2y //mapbox://styles/mapbox/dark-v9var map = new mapboxgl.Map({container: 'bdmap', style: 'mapbox://styles/ypyun/ck0flqufl2k1x1cpmupm5sl2y', center: [-85.1045981,39.7147287], zoom: 7, maxZoom:10, attributionControl: false });//var map = new mapboxgl.Map({container: 'bdmap', style: 'mapbox://styles/mapbox/dark-v10', center: [-85.1045981,39.7147287], zoom: 7, maxZoom:10, attributionControl: false });//var map = new mapboxgl.Map({container: 'bdmap', style: 'mapbox://styles/ypyun/cji4jjw852l9m2sp95h4majin', center: [-95.7128910,37.0902400], zoom: 7, maxZoom:20, attributionControl: false });map.addControl(new mapboxgl.AttributionControl({ compact: false, customAttribution:['Source: NASA, NOAA, NCICS'] }));const tplist = ['body-of-water','bridge','building','city','college','commemorative-license-plate','county-municipality','flag','highway-roadway','holiday','marker','military-base','monument','music','other','park','plaque','river','roads','scholarship','school','seal','song'];map.on('load', function () { var layers = map.getStyle().layers; var firstSymbolId; for (var i = 0; i < layers.length; i++) { if (layers[i].type === 'symbol') { firstSymbolId = layers[i].id; break; } } map.addSource('pathsrc', {type: 'geojson', data: '/media/jsons/smpj/upath_lo.geojson?v='+rnna }); map.addSource('cntrsrc', {type: 'geojson', data: '/media/jsons/smpj/center.geojson?v='+rnna }); //map.addSource('citysrc', {type: 'geojson', data: '/media/jsons/smpj/loc_comp.json?v='+rnna }); map.addSource('citysrc', {type: 'geojson', data: '/media/smproj/solar_eclipses_2024_all_v2.json?v='+rnna }); //'filter': ['all', ['has', 'point_count']], //map.addLayer({'id': 'pfas', 'type': 'circle', 'source': 'pfas_polygons', 'paint': {'circle-color': {type: 'interval', property: "point_count", stops: [[0, '#51bbd6'],[20, '#f1f075'],[100, '#f28cb1'] ]}, 'circle-radius': {type: 'interval', property: "point_count", stops: [[0, 15],[20, 25],[100, 35] ]}, } }); //map.addLayer({id: "pfasx", type: "fill", source: "pfas_polygons", 'filter': ['all', ['has', 'max_pct']], paint: {'fill-color': "#FFFFFF", 'fill-opacity':0.7, 'fill-outline-color': '#666666',}}, firstSymbolId); //map.setFilter('bike-docks', null); // map.addLayer({id: "center",type: "line", source: "cntrsrc", paint: {'line-color': "#F03C4B", 'line-opacity':1.0, 'line-width': 1.0,}}, firstSymbolId); //map.addLayer({id: "upath", type: "line", source: "pathsrc", paint: {'line-color': "#F03C4B", 'line-opacity':1.0, 'line-width': 1.0,}}, firstSymbolId); map.addLayer({id: "cityfull", type: "circle", source: "citysrc", paint: {'circle-color': {type: 'interval', property: "v", stops: [[0, '#252525'],[20, '#636363'],[40, '#969696'],[60, '#cccccc'],[80, '#f7f7f7'] ]} , 'circle-opacity':0.7, 'circle-radius': [ 'interpolate', ['linear'], ['zoom'], 1, 1, 3, 3, 6, 5, 8, 10,], "circle-stroke-color": "#666", "circle-stroke-width": 1 } }, firstSymbolId); //b6b5b5 //'circle-radius':5, map.addLayer({id: "center",type: "line", source: "cntrsrc", paint: {'line-color': "#F03C4B", 'line-opacity':1.0, 'line-width': 3.0,}}, firstSymbolId); map.addLayer({id: "topath",type: "line", source: "pathsrc", paint: {'line-color': "#FB8987", 'line-opacity':1.0, 'line-width': 3.0,}}, firstSymbolId); map.on('mouseenter', 'cityfull', function () {map.getCanvas().style.cursor = 'pointer'; }); map.on('mouseleave', 'cityfull', function () {map.getCanvas().style.cursor = '';}); map.on('click', 'cityfull', function (e) {new mapboxgl.Popup({ offset: 14 }).setLngLat(e.lngLat).setHTML(onEachFeature(e.features[0])).addTo(map);}); });map.addControl(new mapboxgl.NavigationControl(), 'top-left');var bounds = new mapboxgl.LngLatBounds();var BounceLine = [[[[-125.0011, 24.9493],[-66.9326, 49.5904]]]];BounceLine.forEach(function(Tpolygon) { Tpolygon.forEach(function(Tline){ Tline.forEach(function(Tpoint){bounds.extend(Tpoint); }) }) });map.fitBounds(bounds, { padding: 0 });
