indoorjs

Canvas based indoor maps

Usage no npm install needed!

<script type="module">
  import indoorjs from 'https://cdn.skypack.dev/indoorjs';
</script>

README

IndoorJS

unstable gzip-size HitCount

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

Markers and Connections demo

Usage

npm install indoorjs

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
  }
});