The AirMap Javascript SDK allows developers to quickly display interactive maps with airspace layers in your web app. The AirMap JS SDK is built on top of Mapbox, so you can leverage the solid mapping library underneath to power your application.


You must have an AirMap Developer account to use the AirMap Map JS SDK. If you do not have an account, sign up for one at the AirMap Developer Portal.

Since the AirMap Map SDK is built on top of Mapbox, you must also have a Mapbox API Key. You can sign up for a Mapbox API Key here .


The Map JS SDK is open-source and available from a variety of sources:


AirMap CDN

<!-- Latest patch release -->
<script src=""></script>

<!-- Latest minor release -->
<script src=""></script>


bower install airmap-maps

<script src="bower_components/airmap-maps/"></script>


npm install airmap-maps

After installing the airmap-auth module, you'll need bundle it up along with all of its dependencies using a tool like webpack or browserify. If you don't have a build process in place for managing dependencies, it is recommended that you use the module via bower or the CDN.


An example of using the Map SDK is included in the Github repository:

  1. Clone the repo and run npm install in the root directory
  2. Run npm start and navigate to http://localhost:8080/examples/index.html in your browser
  3. Store an AirMap API Key and Mapbox API Key in your localStorage for use on the examples/index.html demo page:
localStorage.setItem('AIRMAP_API_KEY', '<your_key>');
localStorage.setItem('MAPBOX_ACCESS_TOKEN', '<your_token>');

What's Next

Learn to create a map with the Map SDK

Create a Map