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

fixed marker hiding

Browse source
This commit is contained in:
Fedor Katurov 2020-01-09 17:17:01 +07:00
parent bdbe28b854
commit cb07aa9fb0
2 changed files with 11 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/containers/map/Route/index.tsx
View file

@ -20,12 +20,19 @@ const mapStateToProps = state => ({
const mapDispatchToProps = {
mapSetRoute: MAP_ACTIONS.mapSetRoute,
editorSetDistance: EDITOR_ACTIONS.editorSetDistance,
editorSetMarkersShown: EDITOR_ACTIONS.editorSetMarkersShown,
};
type Props = ReturnType<typeof mapStateToProps> & typeof mapDispatchToProps & {};
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 onDistanceChange = useCallback(({ distance }) => editorSetDistance(distance), [
@ -46,9 +53,9 @@ const RouteUnconnected: FC<Props> = memo(
.on('vertexdragstart', MainMap.disableClicks)
.on('vertexdragend', MainMap.enableClicks)
.on('vertexaddstart', MainMap.disableClicks)
.on('vertexaddend', MainMap.enableClicks);
// .on("allvertexhide", console.log)
// .on("allvertexshow", console.log)
.on('vertexaddend', MainMap.enableClicks)
.on('allvertexhide', () => editorSetMarkersShown(false))
.on('allvertexshow', () => editorSetMarkersShown(true));
setLayer(interactive);
@ -59,7 +66,6 @@ const RouteUnconnected: FC<Props> = memo(
const onRouteChanged = useCallback(
({ latlngs }) => {
// console.log('THIS!');
mapSetRoute(latlngs);
},
[mapSetRoute]

3
src/utils/osrm.ts
View file

@ -7,9 +7,6 @@ import { MainMap } from '~/constants/map';
const createWaypointMarker = (): DomMarker => {
const element = document.createElement('div');
element.addEventListener('mousedown', event => event.stopPropagation());
element.addEventListener('mouseup', event => event.stopPropagation());
return new DomMarker({
element,
className: 'router-waypoint',