mirror of
https://github.com/muerwre/orchidmap-front.git
synced 2025-04-25 02:56:41 +07:00
fixed marker hiding
This commit is contained in:
parent
bdbe28b854
commit
cb07aa9fb0
2 changed files with 11 additions and 8 deletions
|
@ -20,12 +20,19 @@ const mapStateToProps = state => ({
|
||||||
const mapDispatchToProps = {
|
const mapDispatchToProps = {
|
||||||
mapSetRoute: MAP_ACTIONS.mapSetRoute,
|
mapSetRoute: MAP_ACTIONS.mapSetRoute,
|
||||||
editorSetDistance: EDITOR_ACTIONS.editorSetDistance,
|
editorSetDistance: EDITOR_ACTIONS.editorSetDistance,
|
||||||
|
editorSetMarkersShown: EDITOR_ACTIONS.editorSetMarkersShown,
|
||||||
};
|
};
|
||||||
|
|
||||||
type Props = ReturnType<typeof mapStateToProps> & typeof mapDispatchToProps & {};
|
type Props = ReturnType<typeof mapStateToProps> & typeof mapDispatchToProps & {};
|
||||||
|
|
||||||
const RouteUnconnected: FC<Props> = memo(
|
const RouteUnconnected: FC<Props> = memo(
|
||||||
({ map: { route }, editor: { editing, mode }, mapSetRoute, editorSetDistance }) => {
|
({
|
||||||
|
map: { route },
|
||||||
|
editor: { editing, mode },
|
||||||
|
mapSetRoute,
|
||||||
|
editorSetDistance,
|
||||||
|
editorSetMarkersShown,
|
||||||
|
}) => {
|
||||||
const [layer, setLayer] = useState<InteractivePoly>(null);
|
const [layer, setLayer] = useState<InteractivePoly>(null);
|
||||||
|
|
||||||
const onDistanceChange = useCallback(({ distance }) => editorSetDistance(distance), [
|
const onDistanceChange = useCallback(({ distance }) => editorSetDistance(distance), [
|
||||||
|
@ -46,9 +53,9 @@ const RouteUnconnected: FC<Props> = memo(
|
||||||
.on('vertexdragstart', MainMap.disableClicks)
|
.on('vertexdragstart', MainMap.disableClicks)
|
||||||
.on('vertexdragend', MainMap.enableClicks)
|
.on('vertexdragend', MainMap.enableClicks)
|
||||||
.on('vertexaddstart', MainMap.disableClicks)
|
.on('vertexaddstart', MainMap.disableClicks)
|
||||||
.on('vertexaddend', MainMap.enableClicks);
|
.on('vertexaddend', MainMap.enableClicks)
|
||||||
// .on("allvertexhide", console.log)
|
.on('allvertexhide', () => editorSetMarkersShown(false))
|
||||||
// .on("allvertexshow", console.log)
|
.on('allvertexshow', () => editorSetMarkersShown(true));
|
||||||
|
|
||||||
setLayer(interactive);
|
setLayer(interactive);
|
||||||
|
|
||||||
|
@ -59,7 +66,6 @@ const RouteUnconnected: FC<Props> = memo(
|
||||||
|
|
||||||
const onRouteChanged = useCallback(
|
const onRouteChanged = useCallback(
|
||||||
({ latlngs }) => {
|
({ latlngs }) => {
|
||||||
// console.log('THIS!');
|
|
||||||
mapSetRoute(latlngs);
|
mapSetRoute(latlngs);
|
||||||
},
|
},
|
||||||
[mapSetRoute]
|
[mapSetRoute]
|
||||||
|
|
|
@ -7,9 +7,6 @@ import { MainMap } from '~/constants/map';
|
||||||
const createWaypointMarker = (): DomMarker => {
|
const createWaypointMarker = (): DomMarker => {
|
||||||
const element = document.createElement('div');
|
const element = document.createElement('div');
|
||||||
|
|
||||||
element.addEventListener('mousedown', event => event.stopPropagation());
|
|
||||||
element.addEventListener('mouseup', event => event.stopPropagation());
|
|
||||||
|
|
||||||
return new DomMarker({
|
return new DomMarker({
|
||||||
element,
|
element,
|
||||||
className: 'router-waypoint',
|
className: 'router-waypoint',
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue