Experimental
Experimental
Disable Stacked Maps and zoom in to the current map. Stacked Maps state will become INACTIVE.
Promise when all animations are complete.
mapView.StackedMaps.disable();
Experimental
Enable Stacked Maps. A Journey must be drawn beforehand or this method will fail. Use showOverview to expand the maps vertically after enabling.
Upon enabling, map state will become STACKED and Stacked Maps state will become ACTIVE.
Optional
opts: TStackedMapsOptionsPromise when all animations are complete.
// Create a Journey
const startLocation = mapView.venue.locations.find(...);
const endLocation = mapView.venue.locations.find(...);
mapView.Journey.draw(startLocation.directionsTo(endLocation));
// Enable and show Stacked Maps Overview
mapView.StackedMaps.enable({
verticalDistanceBetweenMaps: 150
});
mapView.StackedMaps.showOverview();
Experimental
Used when in OVERVIEW state to replace the maps in the current stack if there is a new Journey or Journey is cleared.
Optional
options: TStackedMapsOptionsOptions to adjust the overview. Each option defaults to the setting passed in enable, unless provided.
Promise when all animations are complete.
mapView.Journey.draw(...);
mapView.StackedMaps.enable();
mapView.StackedMaps.showOverview();
mapView.Journey.clear();
mapView.StackedMaps.restack();
Experimental
Scroll the camera to a specific map in OVERVIEW state.
Promise when all animations are complete.
// Zoom into a clicked map if Stacked Maps is in Overview state
mapView.on(E_SDK_EVENT.CLICK, ({ maps }) => {
if (maps.length <= 0) return;
if (mapView.StackedMaps.state === STACKED_MAPS_STATE.OVERVIEW) {
mapView.StackedMaps.scrollToMap(maps[0]);
}
});
Experimental
Expand the maps in the current Journey vertically and add vertical paths between connections. Stacked Maps must be enabled beforehand and state will become OVERVIEW.
Promise when all animations are complete.
mapView.Journey.draw(...)
mapView.StackedMaps.enable();
mapView.StackedMaps.showOverview();
Experimental
Optional
cameraTransform: TCameraTransformPromise when all animations are complete.
// Zoom into a clicked map if Stacked Maps is in Overview state
mapView.on(E_SDK_EVENT.CLICK, ({ maps }) => {
if (maps.length <= 0) return;
if (mapView.StackedMaps.state === STACKED_MAPS_STATE.OVERVIEW) {
mapView.StackedMaps.zoomInToMap(maps[0]);
}
});
Experimental
Get the current state of Stacked Maps.
The current STACKED_MAPS_STATE
API for showing multiple maps involved in a Journey as a vertical stack.