- Data Central
- Air Quality Index
Air Quality Index (AQI) forecasts and current conditions
Map
Good
Moderate
Unhealthy for Sensitive Groups
Unhealthy
Very Unhealthy
Hazardous
Source: U.S. EPA
More
Air Quality Information
| The Air Quality Index (AQI) identifies air quality as it relates to health effects you may experience within a few hours or days after breathing polluted air. Ground-level ozone and airborne particles (PM2.5 and PM10) pose the greatest threat to human health. For more information visit: http://www.airnow.gov/index.cfm?action=static.aqi |
| Particle pollution, also known as "particulate matter", is a mixture of microscopic solids and liquid droplets suspended in air. The size of particles is directly linked to their potential for causing health problems. Fine particles (known as PM2.5) pose the greatest problems because they can get deep into your lungs and some may even get into your bloodstream. Particles less than 10 micrometers (PM10), include both fine and coarse dust particles that can pass through the nose and throat and get into your lungs. For more information visit: http://airnow.gov/index.cfm?action=jump.jump_particle |
| Ozone near ground level forms when pollutants emitted by cars, power plants, industrial boilers, refineries, chemical plants, and other sources react chemically in the presence of sunlight. Ground-level ozone is a harmful air pollutant. For more information visit: http://airnow.gov/index.cfm?action=jump.jump_ozone |
'; popupContent += '
' popupContent += '
'+feature.properties.description+'
'; return popupContent;}mapboxgl.accessToken = 'pk.eyJ1IjoieXB5dW4iLCJhIjoiY2oxcW4ybWhxMDBkMjJxcGVhbDV5cnpzYyJ9.oFQSnOc57xCR7A51OR6-3w';var map = new mapboxgl.Map({container: 'airqualitymap', // container id cj83a8ga5abkq2sqpivw3nrzgstyle: 'mapbox://styles/ypyun/ck0flqufl2k1x1cpmupm5sl2y', //'mapbox://styles/mapbox/streets-v11', // stylesheet locationcenter: [-122.7340,47.5312], // starting position [lng, lat]zoom: 9, // starting zoomattributionControl: false,});//map.addControl(new mapboxgl.AttributionControl({ compact: false, customAttribution:['Map Icons Collection'] }));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('fla_algal_bloom', {type: 'geojson', data: '/media/jsons/water/fla_algal_bloom.json?v='+rnna }); map.addSource('aqidata', {type: 'geojson', data: AQconditions }); map.addLayer({ "id": "sunny0", "type": "circle", "source": "aqidata", filter: ["==", "icon", "sunny0.png"], "paint": {'circle-color': '#69bd45', 'circle-opacity':0.9, 'circle-radius':7, "circle-stroke-color": "#333", "circle-stroke-width": 1 }}, firstSymbolId); map.addLayer({ "id": "sunny1", "type": "circle", "source": "aqidata", filter: ["==", "icon", "sunny1.png"], "paint": {'circle-color': '#f3ec19', 'circle-opacity':0.9, 'circle-radius':7, "circle-stroke-color": "#333", "circle-stroke-width": 1 }}, firstSymbolId); map.addLayer({ "id": "sunny2", "type": "circle", "source": "aqidata", filter: ["==", "icon", "sunny2.png"], "paint": {'circle-color': '#f89a1c', 'circle-opacity':0.9, 'circle-radius':7, "circle-stroke-color": "#333", "circle-stroke-width": 1 }}, firstSymbolId); map.addLayer({ "id": "sunny3", "type": "circle", "source": "aqidata", filter: ["==", "icon", "sunny3.png"], "paint": {'circle-color': '#ed1f24', 'circle-opacity':0.9, 'circle-radius':7, "circle-stroke-color": "#333", "circle-stroke-width": 1 }}, firstSymbolId); map.addLayer({ "id": "sunny4", "type": "circle", "source": "aqidata", filter: ["==", "icon", "sunny4.png"], "paint": {'circle-color': '#812882', 'circle-opacity':0.9, 'circle-radius':7, "circle-stroke-color": "#333", "circle-stroke-width": 1 }}, firstSymbolId); map.addLayer({ "id": "sunny5", "type": "circle", "source": "aqidata", filter: ["==", "icon", "sunny5.png"], "paint": {'circle-color': '#831518', 'circle-opacity':0.9, 'circle-radius':7, "circle-stroke-color": "#333", "circle-stroke-width": 1 }}, firstSymbolId); for (const aqilayername of ['sunny0','sunny1','sunny2','sunny3','sunny4','sunny5']){ map.on('click', aqilayername, function (e) {map.flyTo({center: e.features[0].geometry.coordinates}); new mapboxgl.Popup({ offset: 2 }).setLngLat(e.lngLat).setHTML(onPntFeature(e.features[0])).addTo(map);}); map.on('mouseenter', aqilayername, function () {map.getCanvas().style.cursor = 'pointer';}); map.on('mouseleave', aqilayername, function () {map.getCanvas().style.cursor = '';}); }});map.addControl(new mapboxgl.NavigationControl(), 'top-left');var BounceLine = null;if (BounceLine != null){var bounds = new mapboxgl.LngLatBounds();BounceLine.forEach(function(Tpolygon) { Tpolygon.forEach(function(Tline){ Tline.forEach(function(Tpoint){bounds.extend(Tpoint); }) }) });map.fitBounds(bounds, { padding: 20 });}
