سرور نقشه کاشی از نشانی اینترنتی «https://tiles.aqicn.org/tiles/{aqi}/{z}/{x}/{y}.png» در دسترس است، جایی که aqi به نوع نشانگر اشاره دارد. ترسیم شود، که می تواند:

• usepa-aqi: Plots markers based on the composite AQI calculated with the US EPA standard.
• usepa-pm25: PM_2.5 based AQI - if a station does not have PM_2.5 reading, then it is not plotted.
• usepa-10: Same as above, but for PM₁₀.
• usepa-o3: Same as above, but for Ozone (based on the 1 hour breakpoints).
• usepa-no2: Same as above, but for Nitrogen Dioxide.
• usepa-so2: Same as above, but for Sulfur Dioxide.
• usepa-co: Same as above, but for Carbon Monoxide.
• asean-pm10: Asean PM₁₀ raw PM₁₀ concentration (explanations).

در زیر مثالی برای 6 آلاینده منفرد برای جنوب چین آورده شده است.

وب‌سرویس نقشه به‌صورت رایگان و به شرط محدودیت‌های استفاده معقول و خط مشی استفاده قابل قبول ارائه می‌شود. کاشی ها در حال حاضر هر 15 دقیقه (و تا 1 ساعت در صورت ترافیک زیاد) تجدید می شوند.

توجه داشته باشید که ظرفیت سرور ما محدود است، بنابراین ما این حق را برای خود محفوظ می‌داریم که در هر زمان سرویس را موقتاً متوقف کنیم، به عنوان مثال برای تعمیر و نگهداری عملکرد سرور. اگر به یکپارچگی پایدارتر نیاز دارید، برای یافتن راه حل مناسب، مانند راه اندازی یک سرور اختصاصی، با ما تماس بگیرید.

در آخر، همچنین باید شناسه رمز خود را به عنوان یک آرگومان اضافی برای نقطه پایانی سرویس کاشی، مانند «token=_TOKEN_ID_» در نشانی اینترنتی زیر مشخص کنید: «https://tiles.aqicn.org/tiles/{aqi}/{z }/{x}/{y}.png؟ token=_TOKEN_ID_ `.

شما می توانید شناسه رمز خود را از این صفحه درخواست کنید. شما فقط باید یک ایمیل معتبر ارائه دهید و می توانید توکن خود را در عرض یک دقیقه دریافت کنید.

هنگام استفاده از این سرویس، لطفاً انتساب پروژه شاخص کیفیت هوای جهانی و همچنین EPA ارائه داده ها را فراموش نکنید (اگر از خدمات نقشه برای نمایش داده ها از یک مکان یا منبع خاص استفاده می کنید). شما می توانید لیست کامل همه EPA را از این لینک دریافت کنید.

در واقع، مانند موسسه منابع جهانی (WRI) رفتار نکنید: آنها کل فید داده‌های ما را حذف می‌کردند، و داده‌ها را در وب‌سایت پروژه خود بازنشر می‌دادند، بدون اینکه هیچ گونه انتسابی برای کار ما ارائه کنند... این کاملاً درست نیست. وقتی می دانید که آنها سالانه 80 میلیون دلار بودجه دریافت می کنند. ما را باور نمی کنید؟ این عکس فوری را بررسی کنید.

ما در حال کار بر روی گسترش این وب سرویس برای ارائه تنظیمات بیشتر هستیم. برای مثال:

geojson.org

kriging interpolation
• برای پشتیبانی از استانداردهای بیشتر غیر از EPA ایالات متحده، مانند «eucaqi -xxx » برای شاخص مشترک کیفیت هوای اروپا ، «innaqi- xxx » برای شاخص ملی کیفیت هوای هند ، «raw- xxx » برای داده‌های خام تبدیل نشده، و غیره.
• شاخص های بیشتری مانند wind (هم برای سرعت فعلی و هم جهت باد)، و همچنین شاخص ventilation پیش بینی شده ^[1] که می تواند برای پیش بینی بسیار مفید باشد.
• پشتیبانی از تخمین سطح زمین آماری kriging - یعنی نقشه حرارتی مانند درون یابی (تصویر سمت راست) که می تواند برای شبکه نظارت با چگالی کمتر مفید باشد.
• پشتیبانی از 24 hours و 8 hours داده میانگین. نقشه ما در حال حاضر بر اساس میانگین 1 ساعت است، اما میانگین دوره طولانی تر برای مطالعات اپیدمیولوژیک مفید است.
• پشتیبانی از رندر کاشی مبتنی بر GeoJSON ، امکان سفارشی‌سازی نشانگرها و مقیاس رنگ، و همچنین ادغام بهتر با ابزارهایی مانند tuftjs.org .

توجه داشته باشید که برای پشتیبانی بیشتر از استانداردهای AQI و پیکربندی‌های کاشی، باید ظرفیت سرور خود را افزایش دهیم (هم قدرت پردازش و هم فضای ذخیره‌سازی)، که برای آن نیاز به حمایت مالی داریم. اگر برای یکی از شرکت‌های ابری بزرگ کار می‌کنید، یا مثلاً گوگل یا مایکروسافت و این پیام را می‌خوانید، پس چرا شرکت خود را دوستدار محیط‌زیست نکنید ( مبارزه با آلودگی هوا از طریق ارتقای آگاهی شهروندان )، و حمایت مالی از بخشی از سرور مورد نیاز ظرفیت اضافی؟ این نه تنها به ما کمک می کند، بلکه به کل جامعه محققان، دانشمندان، آماردانان و اپیدمیولوژیست هایی که با داده ها و علوم زیست محیطی کار می کنند نیز کمک می کند.

Leaflet یک کتابخانه جاوا اسکریپت منبع باز با وزن سبک بسیار جالب برای نقشه های تعاملی سازگار با موبایل است که توسط ولادیمیر آگافونکین از MapBox ایجاد شده است.

  
<div  id='map'  style='height:380px;'  />  
<link  rel="stylesheet"  href="http://cdn.leafletjs.com/leaflet-0.7.5/leaflet.css"  />  
<script  src="http://cdn.leafletjs.com/leaflet-0.7.5/leaflet.js"></script>  
  
<script>  
      var  OSM_URL  =  'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';  
      var  OSM_ATTRIB  =  '&copy;  <a  href="http://openstreetmap.org/copyright">OpenStreetMap</a>  contributors';  
      var  osmLayer  =  L.tileLayer(OSM_URL,  {  attribution:  OSM_ATTRIB  });  
  
      var  WAQI_URL  =  "https://tiles.waqi.info/tiles/usepa-aqi/{z}/{x}/{y}.png?token=_TOKEN_ID_";  
      var  WAQI_ATTR  =  'Air  Quality  Tiles  &copy;  <a  href="http://waqi.info">waqi.info</a>';  
      var  waqiLayer  =  L.tileLayer(WAQI_URL,  {  attribution:  WAQI_ATTR  });  
  
      var  map  =  L.map('map').setView([51.505,  -0.09],  11);  
      map.addLayer(osmLayer).addLayer(waqiLayer);  
</script>

نقشه های گوگل کاملا راحت هستند و روزانه تا 25000 تماس API رایگان دارند. توجه داشته باشید که google maps در چین موجود است، اما اسکریپت API maps باید به جای https://maps معمولی از google.cn (`http://maps.google.cn/maps/api/js`) بارگیری شود. .googleapis.com/maps/api/js url.

  
  
<div  id='map'  style='height:380px;'  />  
<script  src="https://maps.googleapis.com/maps/api/js"></script>  
  
<script>  
      var  map  =  new  google.maps.Map(document.getElementById('map'),  {  
            center:  new  google.maps.LatLng(51.505,  -0.09),  
            mapTypeId:  google.maps.MapTypeId.ROADMAP,  
            zoom:  11  
      });  
  
      var  t  =  new  Date().getTime();  
      var  waqiMapOverlay  =  new  google.maps.ImageMapType({  
            getTileUrl:  function  (coord,  zoom)  {  
                  return  'https://tiles.aqicn.org/tiles/usepa-aqi/'  +  zoom  +  "/"  +  coord.x  +  "/"  +  coord.y  +  ".png?token=_TOKEN_ID_";  
            },  
            name:  "Air  Quality",  
      });  
  
      map.overlayMapTypes.insertAt(0,  waqiMapOverlay);  
</script>

نقشه های بینگ در واقع بسیار جالب هستند و همچنین از نقشه پایه اینجا برای برخی کشورها استفاده می کنند. هنوز وب سایت های زیادی بر اساس نقشه های مایکروسافت (و به ویژه در حوزه کیفیت هوا و آب و هوا) وجود دارد.

  
  
<div  id='map'  style='height:380px;'    style='position:relative;'/>  
<script  type='text/javascript'  src='https://www.bing.com/api/maps/mapcontrol?callback=initBingMap'  async  defer></script>  
  
<script>  
      function  initBingMap()  {  
  
            var  map  =  new  Microsoft.Maps.Map(document.getElementById('map'),  {  
                  center:  new  Microsoft.Maps.Location(51.505,  -0.09),  
                  zoom:  11,  
            });  
  
            var  options  =  {  
                  uriConstructor:  "https://tiles.aqicn.org/tiles/usepa-aqi//{zoom}/{x}/{y}.png?token=_TOKEN_ID_",  
                  minZoom:  1,  
                  maxZoom:  15  
            };  
            var  waqiTileSource  =  new  Microsoft.Maps.TileSource(options);  
            var  waqiTilelayer  =  new  Microsoft.Maps.TileLayer({  mercator:  waqiTileSource  });  
            map.layers.insert(waqiTilelayer);  
      }  
</script>