IndoorJS

<a href="http://hits.dwyl.io/mudin/indoorjs"> <img src="http://hits.dwyl.io/mudin/indoorjs.svg" alt="HitCount"> </a>

Indoor maps based on fabricjs with grid system, zooming, panning and anotations. See demo.

Usage

const mapEl = document.querySelector('.my-map');

let radar; let
  markers;

const map = new Indoor.Map(mapEl, {
  floorplan: new Indoor.Floor({
    url: './fp.jpeg',
    opacity: 0.4,
    width: 400,
    zIndex: 1
  }),
  minZoom: 0.001,
  maxZoom: 10,
  center: {
    x: 0,
    y: 0,
    zoom: 1
  }
});