A basic demo of the Meridian Web SDK.
A demo showing you can target placemark css using
.meridian-placemark-icon[data-meridian-placemark-id="add placemark id
here"]
to customize the UI
A demo showing how you can modify the zoom level at which label text appears.
A demo of using the api parameter directly, for use cases
where you need multiple API tokens, or don't want to call
init.
A demo showing how to change several options dynamically while using the SDK.
A demo showing how to draw a polygon overlay.
A demo showing how to draw a placemark area overlay.
A demo showing how to draw a polyline.
A demo showing how to create an annotation point or draw a polygon using a real world latitude and longitude.
A demo showing how to create a point annotation.
A demo showing how to create a custom 'you are here' marker.
A demo showing how to hook into extra functionality of the click callbacks.
Option to avoid loading Tags
A demo showing how to replace the click callback functionality with entirely custom behavior.
A demo with an additional example of how a Tag/Marker click callback can be customized.
A demo showing how to filter tags by labels.
Another demo showing how to filter tags by labels.
A demo showing how to filter tags by name.
A demo showing you can target tag css using
.meridian-tag-label-"add tag label name here"
to customize the UI
A demo showing how to hide the Search menu icon.
A demo showing how to hide the Floor menu icon.
A demo showing how to prevent unwanted pan and zoom gestures.
A demo showing how to style the map container.
A demo showing how to make the SDK take up the entire page.
A demo of how to create a dark mode theme for the SDK.
An advanced styling demo.
A demo showing how to use api.getDirections() to display a
route. To submit feedback please visit:
https://forms.gle/amwwJ8FsQebNCNzz5
A demo showing how to use api.getDirections() to display a
route that navigates across multiple floors. To submit feedback please
visit:
https://forms.gle/amwwJ8FsQebNCNzz5
A demo showing how to use api.openStream().
A demo showing how to use api.openStream() to track Zone
updates.
A demo allowing you to preview any floor.