mirror of
https://github.com/visgl/react-map-gl.git
synced 2026-01-18 15:54:22 +00:00
54 lines
1.6 KiB
Markdown
54 lines
1.6 KiB
Markdown
# SVGOverlay
|
|
|
|
Allows applications to overlay data on top of maps using a SVG container.
|
|
|
|
## Properties
|
|
|
|
##### `redraw` (Function)
|
|
|
|
Called every time the map updates.
|
|
|
|
Parameters:
|
|
- `width` (Number) - width of the viewport
|
|
- `height` (Number) - height of the viewport
|
|
- `project` (Function) - get screen position `[x, y]` from geo coordinates `[lng, lat]`
|
|
- `unproject` (Function) - get geo coordinates `[lng, lat]` from screen position `[x, y]`
|
|
|
|
### `style` (Object)
|
|
|
|
Additional css styles of the `svg` container.
|
|
|
|
##### `captureScroll` (Boolean)
|
|
|
|
- default: `false`
|
|
|
|
Stop propagation of mouse wheel event to the map component. Can be used to stop map from zooming when this component is scrolled.
|
|
|
|
##### `captureDrag` (Boolean)
|
|
|
|
- default: `false`
|
|
|
|
Stop propagation of dragstart event to the map component. Can be used to stop map from panning when this component is dragged.
|
|
|
|
##### `captureClick` (Boolean)
|
|
|
|
- default: `false`
|
|
|
|
Stop propagation of click event to the map component. Can be used to stop map from calling the `onClick` callback when this component is clicked.
|
|
|
|
##### `captureDoubleClick` (Boolean)
|
|
|
|
- default: `false`
|
|
|
|
Stop propagation of dblclick event to the map component. Can be used to stop map from zooming when this component is double clicked.
|
|
|
|
##### `capturePointerMove` (Boolean)
|
|
|
|
- default: `false`
|
|
|
|
Stop propagation of pointermove event to the map component. Can be used to stop map from calling the `onMouseMove` or `onTouchMove` callback when this component is hovered.
|
|
|
|
## Source
|
|
|
|
[svg-overlay.js](https://github.com/visgl/react-map-gl/tree/6.1-release/src/overlays/svg-overlay.js)
|