Documentation

You can use the indoor= tiles with any library that supports vector tiles. The easiest one is mapbox-gl.js. It require a basemap by Mapbox, MapTiler or any other vector style provider.

With npm

Install mapbox-gl-indoorequal.

npm install --save mapbox-gl-indoorequal

Then add the following code to your mapbox-gl map:

import IndoorEqual from 'mapbox-gl-indoorequal';
import 'mapbox-gl-indoorequal/mapbox-gl-indoorequal.css';

const map = new mapboxgl.Map({
  ... your code to initialize with mapbox, maptiler or other
});

const indoorEqual = new IndoorEqual(map, { apiKey: '<insert your api key here>' });
map.addControl(indoorEqual);

Discover the API.

Browser

Add the following javascript and stylesheet in the head of your HTML page.

<script src="https://unpkg.com/mapbox-gl-indoorequal@latest/dist/mapbox-gl-indoorequal.umd.min.js"></script>
<link href="https://unpkg.com/mapbox-gl-indoorequal@latest/mapbox-gl-indoorequal.css" rel="stylesheet" />

Then add the following code to your mapbox-gl map:

const map = new mapboxgl.Map({
  ... your code to initialize with mapbox, maptiler or other
});

const indoorEqual = new IndoorEqual(map, { apiKey: '<insert your api key here>' });
map.addControl(indoorEqual);

Discover the API.

Other

The tiles are available at:

https://tiles.indoorequal.org/?key=<insert your api key here>

And discover the schema.