You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
13 lines
572 B
13 lines
572 B
2 years ago
|
import { createElementObject, createPathComponent, extendContext } from '@react-leaflet/core';
|
||
|
|
import { Rectangle as LeafletRectangle } from 'leaflet';
|
||
|
|
export const Rectangle = createPathComponent(function createRectangle({ bounds , ...options }, ctx) {
|
||
|
|
const rectangle = new LeafletRectangle(bounds, options);
|
||
|
|
return createElementObject(rectangle, extendContext(ctx, {
|
||
|
|
overlayContainer: rectangle
|
||
|
|
}));
|
||
|
|
}, function updateRectangle(layer, props, prevProps) {
|
||
|
|
if (props.bounds !== prevProps.bounds) {
|
||
|
|
layer.setBounds(props.bounds);
|
||
|
|
}
|
||
|
|
});
|