Build indoor floorplans with Mapbox

You can use Mapbox to put a floor plan or non-geographic data on our maps. There are a couple of routes you can take. The key is to give your data some geographic reference in order for it to work in a mapping application. You can do this in a couple of ways, depending on your data’s format:

  • If you want to overlay an image of your plan, you need to georeference it.
  • If you want to use a tool like Mapbox.js to display your data as a tiled image, read this guide to learn about processing non-map images as maps.
  • If you know the bounding coordinates of your image, you can use the imageOverlay constructor in Leaflet shown in this example.
  • If you have data in a geographic vector format, such as GeoJSON, KML, or Shapefile, you can import it to Mapbox Studio Classic as a source, add a style for it, upload it to your account, and embed it in your website using Mapbox.js.
Next article:

Work with markers in Mapbox.js

You can add markers, style them, and add tooltips on the fly with Mapbox.js. This overview samples all the ways to add custom, interactive markers.

Additional questions? Ask our support team or learn more about How Mapbox Works.