@open-pioneer/map-navigation NPM

@open-pioneer/map-navigation

This package provides a collection of the following map navigation controls:

Initial extent: A button that allows the user to reset the map to the initial view.
Zoom: Two buttons that allow the user to zoom in and zoom out of the map.
Navigate history forward and backward: Two separate buttons that allow the user to navigate in the history of map views (e.g. jump back to previous map extent).

Usage

Initial extent

To integrate the component in your app, insert the following snippet and reference a map ID:

<InitialExtent mapId="map_id" />

Zoom

To integrate the component in your app, insert the following snippet and reference a map ID:

<ZoomIn mapId="map_id" />
<ZoomOut mapId="map_id" />

You can also use the generic Zoom component:

<Zoom mapId="map_id" zoomDirection="in" />

View history forward and backward

To integrate the component in your app, insert the following snippet and reference a view Model:

<HistoryBackward mapId="map_id" />
<HistoryForward mapId="map_id" />

Limitations

The history tools use a shared history of previous map states. Map states are tracked while at least one history tool is mounted into the application. If all history tools are unmounted, the history of previous map states is discarded.