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 Contextual Airspace plugin 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

`bower install airmap-contextual-airspace-plugin`

`<script src="bower_components/airmap-contextual-airspace-plugin/"></script>`

## NPM

`npm install airmap-contextual-airspace-plugin`

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.

  "type": "basic",
  "title": "Example"

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:

  "codes": [
      "code": "localStorage.setItem('AIRMAP_API_KEY', '<your_key>');\nlocalStorage.setItem('MAPBOX_ACCESS_TOKEN', '<your_token>');",
      "language": "javascript"


Updated about a year ago

What's Next

Learn to use the tile server

Tile Server


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.