Server peta petak tersedia dari url `https://tiles.aqicn.org/tiles/{aqi}/{z}/{x}/{y}.png`, dengan aqi merujuk pada jenis penanda yang akan dituju diplot, yang dapat berupa:

• 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).

Di bawah ini adalah contoh 6 polutan individual di Tiongkok Selatan.

Layanan web peta disediakan secara gratis, dengan syarat batas penggunaan yang wajar dan kebijakan penggunaan yang dapat diterima. Ubin saat ini disegarkan setiap 15 menit (dan hingga 1 jam jika lalu lintas tinggi).

Perlu diperhatikan bahwa kapasitas server kami terbatas, sehingga kami berhak untuk menghentikan sementara layanan kapan saja, misalnya untuk pemeliharaan kinerja server. Jika Anda memerlukan integrasi yang lebih stabil, hubungi kami untuk menemukan solusi yang tepat, seperti menyiapkan server khusus.

Terakhir, Anda juga perlu menentukan ID token Anda sendiri sebagai argumen tambahan ke titik akhir layanan ubin, seperti `token=_TOKEN_ID_` di url berikut: `https://tiles.aqicn.org/tiles/{aqi}/{z }/{x}/{y}.png? tanda=_TOKEN_ID_ `.

Anda dapat meminta ID token Anda sendiri dari halaman ini. Anda hanya perlu memberikan email yang valid, dan Anda bisa mendapatkan token Anda sendiri dalam satu menit.

Saat menggunakan layanan ini, jangan lupa untuk memberikan atribusi ke proyek Indeks Kualitas Udara Dunia serta EPA yang menyediakan datanya (jika Anda menggunakan layanan peta untuk menampilkan data dari lokasi atau sumber tertentu). Anda bisa mendapatkan daftar lengkap semua EPA dari link ini.

Faktanya, jangan bertindak seperti World Resource Institute (WRI): mereka menghapus seluruh data feed kami, dan memublikasikan ulang data tersebut di situs proyek mereka sendiri tanpa memberikan satu pun atribusi atas pekerjaan kami... Itu kurang tepat ketika Anda tahu bahwa mereka mendapatkan dana hingga 80 juta USD setiap tahunnya. Tidak percaya kami? Periksa cuplikan ini.

Kami sedang berupaya memperluas layanan web ini untuk menyediakan lebih banyak konfigurasi. Contohnya:

geojson.org

kriging interpolation
• Untuk mendukung lebih banyak standar selain EPA AS, seperti `eucaqi- xxx ` untuk Indeks Kualitas Udara Umum Eropa , `innaqi- xxx ` untuk Indeks Kualitas Udara Nasional India , `raw- xxx ` untuk data mentah yang belum dikonversi, dll.
• Lebih banyak indikator seperti wind (baik untuk kecepatan angin saat ini maupun arah angin), serta indeks ventilation prakiraan ^[1] yang dapat sangat berguna untuk prakiraan.
• Dukungan untuk estimasi permukaan geo-statistik kriging - yaitu interpolasi seperti peta panas (gambar di sebelah kanan) yang dapat berguna untuk jaringan pemantauan kepadatan rendah.
• Dukungan untuk rata-rata data 24 hours dan 8 hours . Peta kami saat ini didasarkan pada rata-rata 1 jam, namun periode rata-rata yang lebih panjang berguna untuk studi epidemiologi.
• Dukungan untuk rendering ubin berbasis GeoJSON , memungkinkan penyesuaian penanda dan skala warna, serta integrasi yang lebih baik dengan alat seperti tuftjs.org .

Perhatikan bahwa untuk mendukung lebih banyak standar AQI dan konfigurasi ubin, kami perlu meningkatkan kapasitas server kami (baik kekuatan pemrosesan maupun Penyimpanan), yang untuk itu kami memerlukan sponsor. Jika Anda bekerja untuk salah satu perusahaan cloud besar, atau misalnya Google atau Microsoft dan membaca pesan ini, mengapa tidak mempertimbangkan untuk menjadikan perusahaan Anda ramah lingkungan ( melawan polusi udara dengan meningkatkan kesadaran warga ), dan mensponsori sebagian dari server yang dibutuhkan. kapasitas ekstra? Hal ini tidak hanya akan membantu kita, namun juga membantu seluruh komunitas peneliti, ilmuwan, ahli statistik, dan ahli epidemiologi yang bekerja dengan data dan ilmu pengetahuan lingkungan.

Leaflet adalah pustaka JavaScript sumber terbuka ringan yang sangat keren untuk peta interaktif ramah seluler, dibuat oleh Vladimir Agafonkin dari 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>

Google Maps cukup nyaman dan gratis hingga 25.000 panggilan API sehari. Perhatikan bahwa peta google tersedia di Cina, namun skrip API peta harus dimuat dari google.cn (`http://maps.google.cn/maps/api/js`) dan bukan dari https://maps biasa URL .googleapis.com/maps/api/js.

  
  
<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>

Peta Bing sebenarnya cukup keren, dan juga menggunakan peta dasar di sini untuk beberapa negara. Masih cukup banyak situs web yang berbasis Microsoft Maps (terutama di domain Kualitas Udara dan cuaca).

  
  
<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>