muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 11:06:40 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

added map fitting

Browse source
This commit is contained in:
Fedor Katurov 2020-01-13 17:43:38 +07:00
parent 0314edd550
commit bc34cf3876
12 changed files with 93 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

41
src/containers/map/Sticker/index.tsx
View file

@ -54,23 +54,26 @@ const Sticker: React.FC<IProps> = ({
setDragging(true);
}, [setDragging, layer, map]);
const onDragStop = React.useCallback(event => {
event.stopPropagation();
event.preventDefault();
const onDragStop = React.useCallback(
event => {
event.stopPropagation();
event.preventDefault();
if (!layer) return;
if (!layer) return;
setDragging(false);
onChange({
...sticker,
angle,
});
setDragging(false);
onChange({
...sticker,
angle,
});
layer.dragging.enable();
map.dragging.enable();
setTimeout(map.enableClicks, 100);
}, [setDragging, layer, map, sticker, angle]);
layer.dragging.enable();
map.dragging.enable();
setTimeout(map.enableClicks, 100);
},
[setDragging, layer, map, sticker, angle]
);
const onMoveStarted = React.useCallback(() => {
map.disableClicks();
@ -159,8 +162,8 @@ const Sticker: React.FC<IProps> = ({
className: 'sticker-container',
});
const item = marker(sticker.latlng, { icon, draggable: true })
const item = marker(sticker.latlng, { icon, draggable: true });
setLayer(item);
return () => {
@ -170,10 +173,10 @@ const Sticker: React.FC<IProps> = ({
useEffect(() => {
if (!layer) return;
layer.addTo(MainMap);
return () => layer.removeFrom(MainMap)
layer.addTo(MainMap.stickerLayer);
return () => MainMap.stickerLayer.removeLayer(layer);
}, [layer]);
React.useEffect(() => {