Interactive map

A zoomable, draggable map interface.

If the 'instructions' overlay content is included, it will be displayed at the start.

Optional - use the data attribute data-start-id="[MAP ID]--overlay--oryx" (for example) to zoom to an element from the start.

NB: This example doesn't include the instructions content.

Optional - add with-search modifier class to enable search functionality.

NB: This example doesn't include the instructions content.

Tours

If tour data is present in the HTML. Multiple tours are supported.

Optional - use the data attribute data-start-tour-id="[TOUR_ID]" (for example) to turn on a specific tour by default.

Multiple layers

Extra layers can contain more artwork and/or more icons and labels.

Using 'solid-layers' and 'sub-layers' you can create a multi-level (eg.multi-floor) experience. 'Solid-layers' turn off all layers below them.

Optional - use the data attribute data-start-layer-id="[LAYER_ID]" (for example) to turn on a specific layer by default.