Get Started with Woosmap Indoor JS API

Get started with the Woosmap Indoor JS API. View simple examples, learn the concepts, and create custom indoor maps for your site.

  1. Indoor JavaScript API included in the Map-Js

Indoor JavaScript API included in the Map-Js

You can use the Woosmap Map-Js library to embed interactive indoor maps directly into your webpages.

Here is a basic Woosmap Indoor sample with indoor tiles over Woosmap Map tiles:

HTML
        <div id="map"></div>

<script>
let map;
function initMap() {
  const myMap = new window.woosmap.map.Map(document.getElementById("map"), {
    center: { lat: 48.88143952302778, lng: 2.356075199999964 },
    zoom: 17.175689366844964
  });

  window.map = myMap;

  const indoorRenderer = new woosmap.map.IndoorRenderer();

  indoorRenderer.setMap(myMap);
}
</script>

<script defer
    src="https://sdk.woosmap.com/map/map.js?key=YOUR_API_KEY&callback=initMap">
</script>

    
Was this article helpful?
Have more questions? Submit a request