@open-pioneer/map-navigation
v0.7.0
Published
This package provides a collection of map navigation controls.
Downloads
130
Keywords
Readme
@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.
License
Apache-2.0 (see LICENSE
file)