| 1 | import { createElementObject, createLayerComponent, extendContext } from '@react-leaflet/core';
|
| 2 | import { Marker as LeafletMarker } from 'leaflet';
|
| 3 | export const Marker = createLayerComponent(function createMarker({ position , ...options }, ctx) {
|
| 4 | const marker = new LeafletMarker(position, options);
|
| 5 | return createElementObject(marker, extendContext(ctx, {
|
| 6 | overlayContainer: marker
|
| 7 | }));
|
| 8 | }, function updateMarker(marker, props, prevProps) {
|
| 9 | if (props.position !== prevProps.position) {
|
| 10 | marker.setLatLng(props.position);
|
| 11 | }
|
| 12 | if (props.icon != null && props.icon !== prevProps.icon) {
|
| 13 | marker.setIcon(props.icon);
|
| 14 | }
|
| 15 | if (props.zIndexOffset != null && props.zIndexOffset !== prevProps.zIndexOffset) {
|
| 16 | marker.setZIndexOffset(props.zIndexOffset);
|
| 17 | }
|
| 18 | if (props.opacity != null && props.opacity !== prevProps.opacity) {
|
| 19 | marker.setOpacity(props.opacity);
|
| 20 | }
|
| 21 | if (marker.dragging != null && props.draggable !== prevProps.draggable) {
|
| 22 | if (props.draggable === true) {
|
| 23 | marker.dragging.enable();
|
| 24 | } else {
|
| 25 | marker.dragging.disable();
|
| 26 | }
|
| 27 | }
|
| 28 | });
|