Ambee AQ tile image overlays provide visual data on air quality levels across geographic regions.
Make sure you have the required API key for authentication. Contact us to get your API key.
x-api-key
Z
X
Y
Date_hour
https://tiles.ambeedata.com/v1/aq/{Date_hour}/{z}/{x}/{y}.png?x-api-key={your_api_key}
https://tiles.ambeedata.com/v1/aq/2024_06_18_06/{z}/{x}/{y}.png?x-api-key=${apiKey}
<!doctype html>
<html>
<head>
<title>Render example map</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="data:;base64,iVBORw0KGgo=" />
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
</head>
<body style="margin: 0">
<div id="map" style="position: absolute; width: 100%; height: 100%"></div>
<script>
var attribution =
'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors.';
var options = {
maxZoom: 20,
attribution: attribution,
};
var apiKey = 'SM5Gtu8GsO2sMABq2hSXXXXXXXXXXXXXXXXX';
var tileUrl = 'https://tiles.ambeedata.com/v1/aq/2024_06_18_06/{z}/{x}/{y}.png?x-api-key={your_api_key}';
var png = L.tileLayer(tileUrl, options);
var map = L.map("map", {
center: [12, 77],
zoom: 8,
layers: [png],
});
var layerControl = L.control.layers(baseMaps).addTo(map);
</script>
</body>
</html>
ambee_aqi_color- Sets the color palette of the image tiles returned. Ambee follows USEPA standard color for its heatmap.
Here is the color code scheme for the Ambee AQ heatmap:
COLOR | RISK LEVEL | COLOR CODE (HEX) |
---|---|---|
Good | #39DEA4 | |
Moderate | #FED766 | |
Unhealthy for Sensitives | #FF9C40 | |
Unhealthy | #EC4B49 | |
Very Unhealthy | #6A4F95 | |
Hazardous | #4A327F |
Next
Air Quality
Yes
No