How do I share your Clarity air monitoring data on my website by embedding OpenMap?

Embed a Custom Clarity OpenMap Link

This is the easiest option, but note that OpenMap does not include NO2 data. An AB617 project in Sacramento has done this on their website here.

You'll first need to give Clarity permission to publish your data on OpenMap. After sharing on Clarity OpenMap, you can create a custom Clarity OpenMap link that shows your project area like the one below, and embed that link in an iframe on a project website.

https://openmap.clarity.io/?viewport=29.7903138,-95.3507516,10.6

To center on your network, you will need to edit the BOLDED text to fit your project. In the example URL above:

  • 29.7903138 is the latitude
  • -95.3507516 is the longitude
  • 10.6 is the zoom level (greater values will zoom in)

Code a Custom Dashboard

If you want more flexibility, you can develop your own integration using our API. This requires coding, but it allows you to develop something customized to your project. Several of our projects are using our API for a custom public Dashboard, including UCLA and Breathe London.