x-cite-mapbox-gl

update component

Usage no npm install needed!

<script type="module">
  import xCiteMapboxGl from 'https://cdn.skypack.dev/x-cite-mapbox-gl';
</script>

README

x-cite-mapbox-gl

x-cite-mapbox-gl is a reactjs package

Installation

x-cite-mapbox-gl requires Reactjs v15+ to run.

$ npm install x-cite-mapbox-gl

$ yarn add x-cite-mapbox-gl

then import the package into the used component

import MapBox from 'x-cite-mapbox-gl'

Configuration

x-cite-mapbox-gl is currently extended with the following plugins. Instructions on how to use them in your own application are linked below.

  const floors = [{ name: "MEZZANINE", id: 0 }, { name: "1. FLOOR", id: 1 }]
  const confMap = {
      zoom: [18],
      bearing: [-60],
      pitch: [40],
      center: [6.136737577322208, 49.60412210489483],
  }
  
  changeFloor = async (floor) => {
        await this.setState({ floor })
  }
   selectRoom = async (e) => {
       
    }

   <MapBox
      floor={floor}
      floors={floors}
      station={undefined}
      geojson={geojson}
      REPORT={}
      MCF88={}
      changeFloor={this.changeFloor}
      onClick={this.selectRoom}
      confMap={confMap}
  />