Skip to main content

Embed a widget

You can embed an AirScape air quality map widget directly into your website, blog, or application. This allows your visitors to see real-time air quality data without leaving your site.

How to get the embed code​

  1. Navigate to the location you want to display on the map.
  2. Adjust the view (zoom level, map type, pollutant layer) to your preference.
  3. Click the Share button to open the sharing options.
  4. Select Embed to get the HTML code snippet.
  5. Copy the provided <iframe> code.

Adding the widget to your site​

Paste the embed code into your website's HTML where you want the map to appear:

<iframe 
  src="https://airscape.ai/embed?lat=51.5074&lng=-0.1278&zoom=14"
  width="100%" 
  height="400" 
  frameborder="0">
</iframe>

Customization options​

You can customize the embedded widget by adjusting:

  • Location: Set the center point using latitude and longitude coordinates
  • Zoom level: Control how close or far the view appears
  • Pollutant layer: Choose which pollutant to display (AQI, PM2.5, PM10, NO2, O3)
  • Size: Adjust width and height to fit your page layout

Use cases​

  • News websites: Display air quality conditions for stories about pollution
  • Real estate listings: Show local air quality for properties
  • Health blogs: Illustrate articles about air pollution and health
  • Community websites: Keep residents informed about local air quality
  • Corporate dashboards: Monitor air quality around office locations

API access​

For more advanced integrations, consider using the AirScape API to build custom applications with real-time air quality data. Contact us for API access and documentation.