CINXE.COM
London Air Quality Network » Annual Pollution Maps
<!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" xml:lang="en" lang="en"> <head> <title>London Air Quality Network » Annual Pollution Maps</title> <meta name="verify-v1" content="cQR42eKA9nMUVXnBXczgqfbcMWV2XxF1ua3OavlvQoQ=" /> <meta name="language" content="en"/> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <!--meta http-equiv="Refresh" content="300" />--> <meta name="keywords" content="Air, Pollution, Quality, smog, fumes, exhaust, emission, plume, health, environment, public health, asthma, respiratory, breathing, modeling, mapping, monitoring, data, Ozone, sulphur, sulfur, nitrogen, carbon, dioxide, monoxide, particulates, dust, pollutant, O3, SO2, NO2, CO, PM10, PM2.5, London, Kent, Kings, environmental, research, Seiph, south east institute, erg, network, LAQN, OMNI" /> <meta name="description" content="London Air Quality Network :: the comprehensive source of information about air pollution in London" /> <meta name="distribution" content="Global" /> <meta name="rating" content="General" /> <meta name="expires" content="never" /> <meta name="copyright" content="ERG LAQN Version 7.0 - 2012" /> <meta name="author" content="erg-web@imperial.ac.uk" /> <meta http-equiv="imagetoolbar" content="no" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <!-- stop IIS caching CSS --> <link rel="stylesheet" href="/london/css/laqn.css?version=23/11/2024 20:41:06" type="text/css" media="screen,print" title="default" /> <link rel="stylesheet" href="/london/css/print.css" type="text/css" media="print" title="print" /> <!--[if IE 6]><link href="/london/css/IE6.css?version=23/11/2024 20:41:06" type="text/css" rel="stylesheet" /><![endif]--> <!--[if IE 7]><link href="/london/css/IE7.css?version=23/11/2024 20:41:06" type="text/css" rel="stylesheet" /><![endif]--> <!--[if IE 8]><link href="/london/css/IE8.css?version=23/11/2024 20:41:06" type="text/css" rel="stylesheet" /><![endif]--> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <link rel="shortcut icon" href="/assets/img/logo/favicon.png"> <script type="text/javascript"> // Modernizr-style JS detection (used as non-JS UI CSS hook) // replace html tag's "no-js" class with "js" document.getElementsByTagName('html')[0].className = 'js'; </script> <link href="/assets/dist/bootstrap/css/bootstrap.min.css" rel="stylesheet"/> <link href="/assets/css/bootstrap-extend-ij.css" rel="stylesheet"/> <link href="/assets/dist/fontawesome/css/font-awesome.min.css" rel="stylesheet"/> <link href="/assets/css/base.css?v=1" rel="stylesheet"/> <link href="/assets/css/guide.css" rel="stylesheet"/> <link href="/assets/css/responsive.css" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600,600italic" rel="stylesheet"/> <link href="/assets/dist/courier-prime-sans/font.css" rel="stylesheet"/> <link href="/LondonAir/App_Themes/Kings/Print.css" type="text/css" rel="stylesheet" /> <link href="/LondonAir/App_Themes/Kings/Screen.css" type="text/css" rel="stylesheet" /> <!-- link to V3 API key & google map download functions --> <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIzaSyDSafd79JQq2XMm1DWR5uy6oSuF4jgdl2E&sensor=false"></script> <script type="text/javascript" src="/LondonAir/Js/GoogleMapV3Utils.js"></script> <!-- link to ARC GIS 10 script --> <script type=""> //define global variable var speciesMap = {NO2: 4, O3: 5, PM10:6, PM25: 7}; annualMapLayerId = speciesMap["NO2"]; </script> <script type="text/javascript" src="/LondonAir/Js/arcgislink-edited-annualmaps.js"></script> <script type="text/javascript"> function loadARCGIS() { //var url = 'webgis.erg.kcl.ac.uk/arcgis/rest/services/NO2_2016/MapServer'; var url = 'webgis.erg.ic.ac.uk/ergwebsvr/rest/services/Annual_London/MapServer'; //check if url is using http or https if ("https:" == document.location.protocol) { url = 'https://' + url; } else { /* unsecure */ url = 'http://' + url; } var cpc = new gmaps.ags.CopyrightControl(map); var opacity = 0.5; var agsType = new gmaps.ags.MapType(url, { name: 'ArcGIS', opacity: opacity, ExportMapOptions: { layerIds: [2], layerOptions: 'show' } }); console.log(agsType.tileLayers_[0]); // console.log(agsType.tileLayers_[0].mapService_); // console.log(agsType.tileLayers_[0].mapService_.capabilities); //agsType.setMap(map); agsType.tileLayers_[0].mapService_.layerIds = [2]; agsType.tileLayers_[0].mapService_.layerOptions = 'show'; map.overlayMapTypes.insertAt(0, agsType); } // function to load in map function initialize() { // Create an array of styles. var greyscaleMap = [{ featureType: "all", stylers: [ { saturation:-80 } ] }]; // Create a new StyledMapType object, passing it the array of styles, // as well as the name to be displayed on the map type control. var greyMapType = new google.maps.StyledMapType(greyscaleMap, { name : "Greyscale" }); //============= create the map ================== var mapOptions = { // get values from ASP request object center: new google.maps.LatLng(51.5008010864, -0.124632000923), zoom: 14, panControl: true, panControlOptions: { position: google.maps.ControlPosition.TOP_RIGHT }, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.LARGE, position: google.maps.ControlPosition.TOP_LEFT }, scaleControl: true, scaleControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, mapTypeControl: true, mapTypeControlOptions: { mapTypeIds : [google.maps.MapTypeId.ROADMAP,google.maps.MapTypeId.HYBRID,google.maps.MapTypeId.SATELLITE, 'greyscale'], style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, position: google.maps.ControlPosition.TOP_CENTER }, mapTypeId: google.maps.MapTypeId.HYBRID, streetViewControl: true } // add map to page with options map = new google.maps.Map(document.getElementById("NowcastMap"), mapOptions); //Associate the styled map with the MapTypeId and set it to display. map.mapTypes.set('greyscale', greyMapType); map.setMapTypeId('greyscale'); map.addListener('dragend', function() { document.getElementById("userLat").value = map.getCenter().lat(); document.getElementById("userLng").value = map.getCenter().lng(); }); map.addListener('zoom_changed', function() { document.getElementById("userZoom").value = map.getZoom(); }); // load arcgis layers loadARCGIS(); } // =========== call initialize function on page load - add it to the DOM event google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body id="nowcast"> <noscript><p class="no-javascript">JavaScript must be enabled in order for you to use Google Maps.</p></noscript> <!-- MESSAGE IF BROWSER IE 6.0 and older --> <!--[if lte IE 6]> <div class="warning">You are using an outdated version of Internet Explorer that has security issues and does not support global web standards. To ensure you have a better user experience online we recommend that you upgrade <a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx" target="_blank" title="Get the latest version of Internet Explorer">your version of Internet Explorer</a> or choose any of these <strong>other excellent browsers</strong>: <a href="http://www.mozilla.com/firefox/" target="_blank" title="Get the latest version of Firefox">Firefox</a>, <a href="http://www.apple.com/safari/download/" target="_blank" title="Get the latest version of Safari">Safari</a> or <a href="http://www.google.co.uk/chrome/" target="_blank" title="Get the latest version of Chrome">Chrome</a>. It's free! </div> <![endif]--> <!-- NEW WRAPPER FOR 960PX GRID LAYOUT --> <div id="sfwrapper"> <!-- NEW HEADER FOR V6.0 --> <header class="bg-ground breathe-2x"> <div class="container clearfix"> <div class="pull-left"> <!-- LAQN logo --> <a class="logo" href="/LondonAir/Default.aspx">London Air</a> </div> <div class="pull-right"> <!-- forecast control --> <div class="forecasts pull-left"> <h4 class="full-height hidden-xs">Forecast</h4> <!-- <h4 class="full-height visible-xs">Fore-<br>cast</h4> --> <a href="http://londonair.org.uk/Forecast" title="Go to the Forecast page" class="aqi-box aqi-low"> <h5 class="time">Today</h5> <p class="prediction"> <span>Low</span> </p> </a> <a href="http://londonair.org.uk/Forecast" title="Go to the Forecast page" class="aqi-box aqi-low"> <h5 class="time">Tomorrow</h5> <p class="prediction"> <span>Low</span> </p> </a> <!-- debug --> </div> <!-- King's logo --> <a class="parent logo pull-right" href="https://www.imperial.ac.uk/school-public-health/environmental-research-group" target="_blank" title="Imperial College London">Imperial College London</a> </div> </div> </header> <!-- navigation --> <nav class="navbar navbar-inverse"> <div class="container"> <!-- Nav reveal "hamburger" button for narrow viewports --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- <a class="navbar-brand" href="#">Brand</a> --> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <!-- User-specific area dropdown - changes depending on the cookie set --> <!-- Pollution nav dropdown --> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Air Pollution <span class="caret"></span> </a> <ul class="dropdown-menu"> <li> <a href="/LondonAir/nowcast.aspx">Air Pollution Now</a> </li> <li> <a href="/Londonair/Forecast">Forecast</a> </li> <li> <a href="/london/asp/annualmaps.asp">Annual Maps</a> </li> <li> <a href="/london/asp/futuremaps.asp">Future Maps</a> </li> <li> <a href="https://londonair.org.uk/map-maker/" target="_blank">Create Pollution Map</a> </li> <li> <a href="/london/asp/publicepisodes.asp">Episodes</a> </li> </ul> </li> <!-- Information nav dropdown --> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Information <span class="caret"></span> </a> <ul class="dropdown-menu"> <li> <a href="/LondonAir/General/about.aspx">About Londonair</a> </li> <li><a href="/LondonAir/Guide/FAQ.aspx">FAQ</a></li> <li> <a href="/LondonAir/Guide/MyActionsForOthers.aspx">What can I do?</a> </li> <li> <a href="/LondonAir/guide/home.aspx">Air Pollution guide</a> </li> <li><a href="/LondonAir/General/research.aspx" title="Research">Research</a></li> <li> <a href="/LondonAir/Guide/SoundSlides/AllVideos.aspx">Videos</a> </li> <li> <a href="/LondonAir/general/news.aspx">News</a> </li> <li> <a href="/london/asp/reports.asp">Reports</a> </li> <li> <a href="/london/asp/LAQNSeminar/">Conferences</a> </li> <li><a href="http://email.londonair.org.uk/h/j/C181D943EF3ED945">Forecast Signup</a></li> <!-- <li><a target"_blank" href="http://www.erg.kcl.ac.uk/research/home/index.html">ERG Research Projects</a></li> --> </ul> </li> <!-- Monitoring nav dropdown --> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Monitoring <span class="caret"></span> </a> <ul class="dropdown-menu"> <li> <a href="/london/asp/lahome.asp">Local Authorities</a> </li> <li> <a href="/london/asp/publicdetails.asp">Monitoring Sites</a> </li> <li> <a href="/london/asp/publicbulletin.asp">Latest Bulletin</a> </li> <li> <a href="/london/asp/publicstats.asp">Annual Objectives</a> </li> </ul> </li> <!-- Tools nav dropdown --> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Tools <span class="caret"></span> </a> <ul class="dropdown-menu"> <li> <a href="/Londonair/MobileApps">Apps & Widgets</a> </li> <li> <a href="/london/asp/datadownload.asp">Data Download</a> </li> <li> <a href="/london/asp/advgraphs.asp">Graph Plotting</a> </li> <li> <a href="/Londonair/API">Data Feeds</a> </li> <li> <a href="/london/asp/tools.asp">Statistics</a> </li> <li> <a href="http://davidcarslaw.github.io/openair/" target="_blank">Openair</a> </li> </ul> </li> <li class="dropdown" id="UserMenu" visible="true"> <a id="UserMenuLink" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Quick Links (Public) <span class="caret"></span> </a> <!-- public --> <ul class="dropdown-menu" id="PublicMenu" visible="true"> <li> <a href="/london/asp/nowcast.asp">Air Pollution Now</a> </li> <li> <a href="/Londonair/Forecast">Forecast</a> </li> <li> <a href="/london/asp/annualmaps.asp">Annual Maps</a> </li> <li> <a href="/london/asp/futuremaps.asp">Future Maps</a> </li> <li> <a href="/LondonAir/guide/home.aspx">Air Pollution Guide</a> </li> <!-- <li> <a href="/LondonAir/guide/FAQ.aspx">FAQ</a> </li>--> <li> <a href="/LondonAir/general/news.aspx">News</a> </li> <li> <a href="/Londonair/MobileApps">Mobile Apps</a> </li> <li> <a href="/london/asp/publicstats.asp">Annual objectives</a> </li> </ul> </li> </ul> <!-- End primary nav dropdowns --> <!-- search box control --> <div class="navbar-form navbar-right search-submit-integrated expandable"> <div class="form-group"> <script language="javascript" src="/london/js/search.js" type="text/javascript"></script> <form action="/LondonAir/Search.aspx" id="" name="search" onsubmit="return CheckSearchForm();"> <input type="text" name="q" size="10" maxlength="30" id="SearchBox" title="Enter your search keywords here" Class="form-control" placeholder="Search" ToolTip="Enter your search keywords here" /> <input type="hidden" name="cx" value="014158417238164596157:txnjnzvxdha" /> <input type="hidden" name="cof" value="FORID:9" /> <input type="hidden" name="ie" value="UTF-8" /> <button type="submit" name="sa" id="btnSearch" class="btn btn-sm btn-link" title="Search the website" ><i class="fa fa-search fa-lg"></i></button> </form> <!-- can use external jaavscript as no SSL on this website --> <script type="text/javascript" src="https://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script> </div> </div> <!-- Social nav (for larger screens) --> <ul class="nav navbar-nav navbar-right hidden-xs nav-social-icons"> <li> <a href="https://twitter.com/londonair/" title="Twitter" target="_blank"> <i class="fa fa-twitter fa-lg"></i> </a> </li> <li> <a href="https://www.facebook.com/LondonAir/" title="Facebook" target="_blank"> <i class="fa fa-facebook fa-lg"></i> </a> </li> <li> <a href="https://www.youtube.com/user/LondonAir0" title="YouTube" target="_blank"> <i class="fa fa-youtube-play fa-lg"></i> </a> </li> <li> <a href="/london/asp/rss.asp" title="RSS"> <i class="fa fa-rss fa-lg"></i> </a> </li> </ul> <!-- Alternate social nav dropdown (used only for mobile "xs" screens) --> <ul class="nav navbar-nav navbar-right visible-xs-block"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Social + RSS <span class="caret"></span> </a> <ul class="dropdown-menu"> <li> <a href="https://twitter.com/londonair/">Twitter</a> </li> <li> <a href="https://www.facebook.com/LondonAir/">Facebook</a> </li> <li> <a href="https://www.youtube.com/user/LondonAir0">YouTube</a> </li> <li> <a href="/london/asp/rss.asp">RSS</a> </li> </ul> </li> </ul> <asp:Label ID="lblError" runat="server" Text="" Visible="false" CssClass="red-bold"></asp:Label> </div> <!-- /.navbar-collapse --> </div> <!-- /.container-fluid --> </nav> <!-- END HEADER --> <div class="breadcrumb-wrapper"> <div id="breadcrumbs" class="container"> <span> You are on this page >> </span> <span title="You are on this page"> <span> <a title="Home Page" href="/LondonAir/Default.aspx">Home</a> </span> <span>>> </span> <span> Annual Maps </span> </span> </div> </div> <!-- start main container --> <div id="mainContainermap" class="sfmainContainerMap bgd colscheme1"> <div class="container"> <div id="leftContent" class="col-sm-8"> <span class="contentbanner">Annual Pollution Maps</span> <!-- GOOGLE MAP POSTCODE SEARCH --> <!-- <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAAS6dbBw9T22i_QyiS8azPCxSh0SCX63KOnWblJTQ1m5c8jLnJ5BRSroaJtLG121aYMjWoDBYzgZq_Ew" type="text/javascript"></script>--> <script src="/london/js/postcodes-v3.js" type="text/javascript"></script> <br /> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-12"> <div class="search-submit-integrated"> <div class="form-group"> <input type="text" class="form-control" placeholder="Find postcode" name="address" id="address"> <a class="btn btn-sm btn-link" onclick="javascript: codeAddress(document.getElementById('address').value)"><i class="fa fa-search fa-lg"></i></a> </div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-12"> <a href="AnnualMapsFullScreen.asp?species=NO2&LayerStrength=75" title="Opens NO2 annual map in a new window" target="_blank" class="btn btn-warning" role="button" title="Opens NO2 nowcast in a new window" >View Full Screen <i class="fa fa-arrows-alt fa-lg"></i> </a> </div> </div> <div id="NowcastMap" class="google-map-long"></div> <!-- put form after postcode search to stop page reload --> <table class="nowcast laqn-bolden-text"> <tr> <td>Modelled annual mean NO2 air pollution, based on measurements made during <span class="italic">2016</span>.</td> </tr> <tr> <td>This map was used with permission from The Greater London Authority and Transport for London, who fund, develop and maintain the London Atmospheric Emissions Inventory. For more information please visit <a href="http://data.london.gov.uk/" target="_blank">data.london.gov.uk</a></td> </tr> <tr> <td> <table class="nowcast"> <tr class="text"> <td colspan="30">Key: Annual mean NO2 air pollution for 2016, in microgrammes per metre cubed (ug/m3)</td> </tr> <tr> <td><img src="/london/images/bands/2016/NO2_0-16.png" alt="NO2 <16 ug/m3" title="NO2 <16 ug/m3" class="key" /></td> <td><img src="/london/images/bands/2016/NO2_16-19.png" alt="NO2 16-19 ug/m3" title="NO2 16-19 ug/m3" class="key" /></td> <td><img src="/london/images/bands/2016/NO2_19-22.png" alt="NO2 19-22 ug/m3" title="NO2 19-22 ug/m3" class="key" /></td> <td><img src="/london/images/bands/2016/NO2_22-25.png" alt="NO2 22-25 ug/m3" title="NO2 22-25 ug/m3" class="key" /></td> <td><img src="/london/images/bands/2016/NO2_25-28.png" alt="NO2 25-28 ug/m3" title="NO2 25-28 ug/m3" class="key" /></td> <td><img src="/london/images/bands/2016/NO2_28-31.png" alt="NO2 28-31 ug/m3" title="NO2 28-31 ug/m3" class="key" /></td> <td><img src="/london/images/bands/2016/NO2_31-34.png" alt="NO2 31-34 ug/m3" title="NO2 31-34 ug/m3" class="key" /></td> <td><img src="/london/images/bands/2016/NO2_34-37.png" alt="NO2 34-37 ug/m3" title="NO2 34-37 ug/m3" class="key" /></td> <td><img src="/london/images/bands/2016/NO2_37-40.png" alt="NO2 37-40 ug/m3" title="NO2 37-40 ug/m3" class="key" /></td> <td><img src="/london/images/bands/2016/NO2_40-43.png" alt="NO2 40-43 ug/m3" title="NO2 40-43 ug/m3" class="key" /></td> <td><img src="/london/images/bands/2016/NO2_43-46.png" alt="NO2 43-46 ug/m3" title="NO2 43-46 ug/m3" class="key" /></td> <td><img src="/london/images/bands/2016/NO2_46-49.png" alt="NO2 46-49 ug/m3" title="NO2 46-49 ug/m3" class="key" /></td> <td><img src="/london/images/bands/2016/NO2_49-52.png" alt="NO2 49-52 ug/m3" title="NO2 49-52 ug/m3" class="key" /></td> <td><img src="/london/images/bands/2016/NO2_52-55.png" alt="NO2 52-55 ug/m3" title="NO2 52-55 ug/m3" class="key" /></td> <td><img src="/london/images/bands/2016/NO2_55-58.png" alt="NO2 55-58 ug/m3" title="NO2 55-58 ug/m3" class="key" /></td> <td><img src="/london/images/bands/2016/NO2_58plus.png" alt="NO2 >58 ug/m3" title="NO2 >58 ug/m3" class="key" /></td> </tr> <tr class="text"> <td><16</td> <td>16</td> <td>19</td> <td>22</td> <td>25</td> <td>28</td> <td>31</td> <td>34</td> <td>37</td> <td>40</td> <td>43</td> <td>46</td> <td>49</td> <td>52</td> <td>55</td> <td>>58</td> </tr> <tr class="text"> <td colspan="9">Passes annual mean objective</td> <td colspan="7">Fails annual mean objective</td> </tr> </table> </td> </tr> <tr> <td> </td> </tr> </table> <!-- put form after postcode search to stop page reload --> <form name="bulletindateform" action="" method="get"> <div class="row"> <div class="col-md-8 col-sm-8 col-xs-12"> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="form-group"> <label for="species">Select species:</label> <select name="species" id="species" tabindex="100"> <option value="NO2" selected='selected'>Nitrogen Dioxide (NO2)</option> <option value="O3" >Ozone (O3)</option> <option value="PM10" >PM10 Particulates</option> <option value="PM25" >PM2.5 Particulates</option> </select> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="form-group"> <label for="LayerStrength">Select visibility:</label> <select name="LayerStrength" id="LayerStrength" tabindex="100"> <option value="50" >50%</option> <option value="75" selected='selected'>75%</option> <option value="95" >95%</option> </select> </div> </div> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <div class="col-md-12 col-sm-12 col-xs-12"> <input id="userLat" type="hidden" name="lat" value="51.5008010864" /> <input id="userLng" type="hidden" name="lon" value="-0.124632000923" /> <input id="userZoom" type="hidden" name="zoom" value="14" /> <div class="form-group"> <input type="submit" value="Update" id="submit" title="Update nowcast species and visibility" tabindex="102" class="btn btn-warning" role="button" /> </div> </div> </div> </div> </form> <br /> </div> <div id="rightContent" class="col-sm-4 sidebar-right"> <span class="contentbanner">What is an Annual Pollution Map?</span> <p> This map shows the annual mean pollution for the chosen species during 2016 in detail across London. Zoom into the map for more detail and to see the annual mean concentration band. The maps also show which areas pass or fail the annual mean objective if there is one. You can also see projections of <a title="Future maps" href="/london/asp/futuremaps.asp">future maps</a>, a map of <a title="Average short term pollution map" href="/london/asp/yearcast.asp">average short term pollution</a>, and create a <a title="Poster maker" href="/map-maker/">poster of these annual maps</a>. </p> <h3>More Information</h3> <div id="accordion" class="list"> <h4 id="Create">Why create a pollution map?</h4> <div id="ContentCreate"> Measurements from monitoring stations are only able to report air quality at that particular location. The annual map uses a detailed model to show a prediction of what air quality as like across the whole of Greater London. </div> <h4 id="Four">Why do you show only four pollutants?</h4> <div id="ContentFour"> The four pollutants chosen are ones which are known to have an effect on health within London and are able to be predicted with this model. Levels of carbon monoxide (CO) are now well below EU Limit Values and have not been mapped, However this pollutant remains important in the formation of O<sub>3</sub> across the northern-hemisphere and indoors, exposure to CO from faulty heating and cooking appliances can be dangerous. Concentrations of sulphur dioxide (SO<sub>2</sub>) are too unpredictable to create a map using this method. Each pollutant has different sources and behaviour, so try selecting each pollutant in turn to get a full picture of air quality at your chosen location. </div> <h4 id="Averages">Why annual averages?</h4> <div id="ContentAverages"> Annual means give a good indication of the average level of a pollutant and long-term exposure. Increasingly evidence is pointing to long-term exposure to air pollution as being more important than exposure to short-term peaks. Where annual mean EU Limit Values exist for a pollutant, the map scale is shown such that areas above the Limit Value are shown as yellow through orange to red. Greatest concentrations of traffic pollutants are often predicted in the middle of road junctions or in the centre of busy roads where the public do not normally have access. These are not generally areas of relevant exposure for the assessment of EU Limit Values and UK air quality objectives. </div> <h4 id="Year">Why 2016?</h4> <div id="ContentYear"> We have chosen this year because it is the latest year for which an accurate model is available. </div> </div> </div> </div> </div> <section class="bg-sky bg-push breathe-2x"> <div class="container"> <div class="row col-gutter-half col-gutter-vertical-half"> <div class="col-xs-12 col-sm-4"> <div class="promo-tile"> <div class="promo-tile"> <header> <h6>Follow Us</h6> </header> <a class="twitter-timeline" href="https://twitter.com/LondonAir" data-widget-id="361844812036587520" width="600" height="250">Tweets by @LondonAir</a> <script> !function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + "://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } } (document, "script", "twitter-wjs"); </script> </div> </div> </div> <div class="col-xs-12 col-sm-4"> <!-- Promo tile - n.b. no wrapping anchor tag --> <!-- This panel is not a link. It may contain a link (as below) if needed --> <div class="promo-tile"> <header> <h6>Our newsletter</h6> </header> <div class="promo-img"> <img src="/assets/img/promo/newsletter.jpg" src="/assets/img/promo/newsletter.jpg" class="img-responsive" /> <b>Privacy Notice Summary:</b> <br /> <ul> <li> <b>Who this is for: </b>You must be at least 13 years old to use this service. </li> <li> <b>What we collect: </b>We store your email address </li> <li> <b>Who we share it with: </b>We use "Campaign Monitor" to store it, and do not share it with anyone else. </li> <li> <b>More Info: </b>You can see our full privacy notice <a href="/LondonAir/PrivacyNotice.aspx" title="LAQN Privacy Notice">here</a> </li> </ul> <form action="http://email.londonair.org.uk/t/j/s/djitdk/" method="post" id="subForm"> <div class="input-group"> <input type="email" class="form-control" name="cm-djitdk-djitdk" id="djitdk-djitdk" placeholder="Your email..."> <span class="input-group-btn"> <button class="btn btn-primary" type="button">Subscribe</button> </span> </input> </div><!-- /input-group --> </form> </div> <h3>AirMail newsletter </h3> <p> The latest news and research from ERG: <a href="/LondonAir/AirMail.aspx">View the archive</a> </p> </div> </div> <div class="col-xs-12 col-sm-4"> <!-- Promo tile --> <div class="promo-tile"> <div class="promo-img"> <a href="/londonair/guide/home.aspx"> <header> <h6>Guide</h6> </header> <div class="promo-img"> <img src="/assets/img/promo/guide.jpg" alt="Go to guide" class="img-responsive" /> </div> <h3>Our Guide to Air Pollution, Health and Actions</h3> <p>We try to answer common questions about air pollution in London, and explain how our website can keep you informed.</p> </a> </div> </div> </div> </div> </div> </section> <!-- foooter area --> <!-- ======================================= mega footers =================================--> <footer class="bg-ground breathe-3x"> <div class="container"> <div class="row col-gutter-vertical"> <div class="col-xs-6 col-sm-3"> <h3>Pollution</h3> <ul class="list-unstyled"> <li><a href="/LondonAir/nowcast.aspx">Air Pollution Now</a></li> <li><a href="/LondonAir/Forecast/">Forecast</a></li> <li><a href="/london/asp/annualmaps.asp">Annual Maps</a></li> <li><a href="/london/asp/futuremaps.asp">Future Maps</a></li> <li> <a href="https://londonair.org.uk/map-maker/" target="_blank">Create Pollution Map</a> </li> <li><a href="/london/asp/publicepisodes.asp?region=0">Episodes</a></li> </ul> </div> <div class="col-xs-6 col-sm-3"> <h3>Information</h3> <ul class="list-unstyled"> <li><a href="/LondonAir/General/about.aspx">About Londonair</a></li> <li> <a href="/LondonAir/Guide/FAQ.aspx">FAQ</a></li> <li><a href="/LondonAir/Guide/MyActionsForOthers.aspx">What can I do?</a></li> <li><a href="/LondonAir/guide/home.aspx">Air pollution guide</a></li> <li><a href="/LondonAir/General/research.aspx" title="Research">Research</a></li> <li><a href="/LondonAir/Guide/Soundslides/AllVideos.aspx">Videos</a></li> <li><a href="/LondonAir/general/news.aspx">News</a></li> <li><a href="/LondonAir/MediaCoverage/Default.aspx">Media Coverage</a></li> <li><a href="/london/asp/reports.asp">Reports</a></li> <li><a href="/london/asp/LAQNSeminar/">Conferences</a></li> <li><a href="http://email.londonair.org.uk/h/j/C181D943EF3ED945">Forecast Signup</a></li> <!-- <li><a target"_blank" href="http://www.erg.kcl.ac.uk/research/home/index.html">ERG Research Projects</a></li> --> <li><a href="/LondonAir/guide/AirQualityBands.aspx">Air Quality Index</a></li> </ul> </div> <div class="col-xs-6 col-sm-3"> <h3>Monitoring</h3> <ul class="list-unstyled"> <li><a href="/london/asp/lahome.asp">Local Authorities</a></li> <li><a href="/london/asp/publicdetails.asp?region=0">Monitoring Sites</a></li> <li><a href="/london/asp/publicbulletin.asp">Latest Bulletin</a></li> <li><a href="/london/asp/publicstats.asp?region=0">Annual Limits</a></li> </ul> </div> <div class="col-xs-6 col-sm-3"> <h3>Tools</h3> <ul class="list-unstyled"> <li><a href="/LondonAir/MobileApps/">Apps & Widgets</a></li> <li><a href="/london/asp/datadownload.asp">Data Download</a></li> <li><a href="/london/asp/advgraphs.asp">Graph Plotting</a></li> <li><a href="/LondonAir/API/">Data Feeds</a></li> <li><a href="/london/asp/tools.asp">Statistics</a></li> <li><a href="http://davidcarslaw.github.io/openair/" target="_blank">Openair</a></li> </ul> </div> </div> </div> </footer> <!-- sub footer control --> <!-- ======================================= sub footer =================================--> <footer class="sub-footer bg-ground bg-push breathe"> <div class="container clearfix"> <small> <p class="pull-left"> © 2018 <a href="https://www.imperial.ac.uk/school-public-health/environmental-research-group" target="_blank">ERG, Imperial College London</a> </p> <ul class="list-inline pull-right"> <li> <a href="/london/asp/contact.asp">Contact</a> </li> <li> <a href="/london/asp/copyright.asp">About</a> </li> <li> <a href="/london/asp/accessibility.asp">Accessibility</a> </li> <li> <a href="/LondonAir/Cookie.aspx">Cookies</a> </li> <li> <a href="/LondonAir/privacynotice.aspx">Privacy Notice</a> </li> <li> <a href="/london/asp/sitemap.asp">Site Map</a> </li> </ul> </div> </small> </footer> <script src="/assets/js/enterKeySearchAddress.js"></script> <!-- google analytics --> <script type="text/javascript" language="javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript" language="javascript"> try { var pageTracker = _gat._getTracker("UA-9887258-9"); pageTracker._trackPageview(); } catch(err) {}</script> <!-- end wrapper --> </div> </body> <!-- JavaScript placed at the end of the body for faster page loads --> <!--[if gte IE 9]><!--> <script src="/assets/dist/jquery/jquery-2.2.2.min.js"></script> <!--<![endif]--> <!--[if lt IE 9]> <script src="/assets/dist/jquery/jquery-1.12.2.min.js"></script> <script src="/assets/js/ie8.js"></script> <![endif]--> <script type="text/javascript" src="/assets/dist/bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="/assets/dist/fastclick/fastclick.js"></script> <script type="text/javascript" src="/assets/js/base.js"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"/> <script type="text/javascript" src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript"> $(function() { $( "#accordion" ).accordion({ collapsible: true, heightStyle: "content", active: false, icons: { "header": "ui-icon-plus", "activeHeader": "ui-icon-minus" } }); }); </script> </html>