Enable Live Data

Last updated:

As opposed to static data, which does not change unless data is synchronized, Live Data can change in real time, and these changes can be instantly reflected on the map and in searches.

Common use-cases are:

  • Changing the appearance of meeting rooms or workspace desks on a map, or in a list, based on occupancy information. For example, change the icon in order to indicate that a room is occupied.
  • Changing the position of a POI representing a vehicle.

Support for Live Data requires that server-side integrations are in place. For example, visualizing live occupancy data requires that a calendar or booking system integration is in place. An integration like that is set up in collaboration with MapsPeople.

After going through this tutorial this is what you end up with:

The following section rely on the existence of Live Position Data. If you do not have access to a MapsIndoors Dataset that have a Live Data integration, you should use our demo API key: d876ff0e60bb430b8fabb145.

To enable Live Data in your web app, create an instance of LiveDataManager. Call the method enableLiveData() on it with a Domain Type.

This should be done after you have initialized your MapsIndoors instance, since the instance must be given as argument in the LiveDataManager constructor:

// main.js
...
const mapsIndoorsInstance = new mapsindoors.MapsIndoors({
mapView: mapViewInstance
});
...
const liveDataManagerInstance = new mapsindoors.LiveDataManager(mapsIndoorsInstance);
liveDataManagerInstance.enableLiveData(mapsindoors.LiveDataManager.LiveDataDomainTypes.POSITION);

In the example above we create an instance of LiveDataManager and enable Live Data for the "Position" Domain type.

Using the demo API key you should now be able to see a "Staff Person" moving from one end to the other at ground floor in The White House main building.

Learn more about controlling and rendering Live Data in MapsIndoors in the introduction to Live Data.

Summary

You're at the end of your journey, and you've accomplished a lot! 🎉

  • You learned which prerequisites is needed to start building with MapsIndoors.
  • You loaded a interactive map with MapsIndoors locations and added a floor selector for navigating between floors.
  • You created a search experience to search for specific locations on the map.
  • You added functionality for getting directions from one Location to another.
  • You learned how to enable different types of Live Data Domains in your app.

This concludes the "Getting Started" tutorial. To get more inspiration on what to build next please visit our showcase page to see how other clients use MapsIndoors.