Read the documentation on GitHub.
Unlike Meridian's well known iOS and Android mobile SDKs, the WebSDK is not a complete location services SDK.
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 SVG polygon element.
A demo showing how to draw a SVG polyline element.
A demo showing how to draw SVG path, image and circle elements.
A demo showing how to draw an Area Placemark.
A demo showing how to convert a Map Point (x/y) to Lat/Lng.
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.
Specifying a minimum zoom level (minZoomLevel)
Specifying a maximum zoom level (maxZoomLevel)
Pan to x/y coordinate and scale to a given zoom factor.
Set zoom to the default level and pan to the default position.
Center the map while retaining the current scale.
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() to track updates
of Tags on a single Floor.
A demo showing how to use api.openStream() to track updates
of Tags leaving and entering a single zone.
A demo showing how to use api.openStream() to track updates
on a single Tag.
A demo showing how to use api.openStream() to track updates
for Tags with a specific Label.
A demo showing how to use api.openStream() to track Tags at
a specific location (all Floors)
A demo allowing you to preview any floor.