All Projects → mudin → Indoorjs

mudin / Indoorjs

Licence: mit
Indoor mapping for floorplans using on fabricjs

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Indoorjs

flexboxes
CSS flexbox framework with pure flexbox grid ability
Stars: ✭ 27 (-54.24%)
Mutual labels:  grid, grid-system
simple-grid-system
A CSS Flexbox grid system for web page . Easy to use it !!
Stars: ✭ 15 (-74.58%)
Mutual labels:  grid, grid-system
60gs
60GS - 60 Columns Grid System based on CSS Grid Layout
Stars: ✭ 65 (+10.17%)
Mutual labels:  grid, grid-system
Griddd
A dead simple, customisable, flexbox-based griddd
Stars: ✭ 108 (+83.05%)
Mutual labels:  grid, grid-system
Cssgridgenerator
🧮 Generate basic CSS Grid code to make dynamic layouts!
Stars: ✭ 3,943 (+6583.05%)
Mutual labels:  grid, grid-system
React Awesome Styled Grid
A responsive 8-point grid system layout for React using styled-components
Stars: ✭ 157 (+166.1%)
Mutual labels:  grid, grid-system
tb-grid
tb-grid is a super simple and lightweight 12 column responsive grid system utilizing css grid.
Stars: ✭ 19 (-67.8%)
Mutual labels:  grid, grid-system
grid-garden
Solutions to CSS Grid Garden
Stars: ✭ 79 (+33.9%)
Mutual labels:  grid, grid-system
Grassy
Build layout through ASCII art in Sass (and more). No pre-built CSS. No additional markup.
Stars: ✭ 335 (+467.8%)
Mutual labels:  grid, grid-system
Pintsize
Customisable 💪 Flexbox grid system
Stars: ✭ 330 (+459.32%)
Mutual labels:  grid, grid-system
Griz
Grid library for React; Rescue the cat
Stars: ✭ 99 (+67.8%)
Mutual labels:  grid, grid-system
Dragact
a dragger layout system with React style .
Stars: ✭ 710 (+1103.39%)
Mutual labels:  grid, grid-system
React Rasta
React Rasta is a powerful and flexible grid system for React
Stars: ✭ 88 (+49.15%)
Mutual labels:  grid, grid-system
css-grid-playground
A simple interface for experimenting with CSS Grid Layout.
Stars: ✭ 84 (+42.37%)
Mutual labels:  grid, grid-system
Pan Zoom
Pan / zoom for any element
Stars: ✭ 77 (+30.51%)
Mutual labels:  grid, plot
gutter-grid
A Sass flexbox based grid system that is able to replicate CSS grid-gap in IE11
Stars: ✭ 18 (-69.49%)
Mutual labels:  grid, grid-system
Tabulator
Interactive Tables and Data Grids for JavaScript
Stars: ✭ 4,329 (+7237.29%)
Mutual labels:  grid, grid-system
React Flex Ready
A Flexbox grid ready, easy to implement and customize
Stars: ✭ 23 (-61.02%)
Mutual labels:  grid, grid-system
Fgci Ansible
🔬 Collection of the Finnish Grid and Cloud Infrastructure Ansible playbooks
Stars: ✭ 49 (-16.95%)
Mutual labels:  grid
Geotiff.io
Static website for viewing and analyzing GeoTIFF's in the browser
Stars: ✭ 53 (-10.17%)
Mutual labels:  map

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
  }
});
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].