map tiles

Map Tiles

Air Quality

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.

GET

https://tiles.ambeedata.com/v1/aq

Parameters

x-api-key

string

required

Unique key obtained after signup.

value

required

Zoom level applicable from 0 to 16

value

required

X coordinate of the tile

value

required

Y coordinate of the tile

Date_hour

value

required

The date and hour of the required tile

Note: 50 hours of data available, and the most recent time must be the previous hour in UTC format.

API REQUEST FORMAT

https://tiles.ambeedata.com/v1/aq/{Date_hour}/{z}/{x}/{y}.png?x-api-key={your_api_key}

SAMPLE URL

https://tiles.ambeedata.com/v1/aq/2024_06_18_06/{z}/{x}/{y}.png?x-api-key=${apiKey}

SAMPLE CODE

<!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 &copy; <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>

SAMPLE RESPONSE

AQ Heatmap Color Scheme

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: