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

sticker panel with ability to choose

Browse source
This commit is contained in:
muerwre 2018-08-24 17:04:48 +07:00
parent 40a11297c0
commit f2c9cc4abc
10 changed files with 140 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/modules/Editor.js
View file

@ -12,6 +12,7 @@ export class Editor {
setMode,
setRouterPoints,
setTotalDist,
setActiveSticker,
}) {
this.map = new Map({ container });
@ -19,7 +20,9 @@ export class Editor {
lockMapClicks, routerMoveStart, changeMode, pushPolyPoints, map: { map }
} = this;
this.poly = new Poly({ map, routerMoveStart, lockMapClicks, setTotalDist });
this.poly = new Poly({
map, routerMoveStart, lockMapClicks, setTotalDist
});
this.stickers = new Stickers({ map, lockMapClicks });
this.router = new Router({
map, lockMapClicks, setRouterPoints, changeMode, pushPolyPoints
@ -43,15 +46,26 @@ export class Editor {
};
this.clickHandlers = {
[MODES.STICKERS]: this.stickers.createOnClick,
[MODES.STICKERS]: this.createStickerOnClick,
[MODES.ROUTER]: this.router.pushWaypointOnClick,
};
this.activeSticker = null;
this.setActiveSticker = setActiveSticker;
map.addEventListener('mouseup', this.onClick);
map.addEventListener('dragstart', () => lockMapClicks(true));
map.addEventListener('dragstop', () => lockMapClicks(false));
}
createStickerOnClick = (e) => {
if (!e || !e.latlng || !this.activeSticker) return;
const { latlng } = e;
this.stickers.createSticker({ latlng, sticker: this.activeSticker });
this.setSticker(null);
};
changeMode = mode => {
if (this.mode === mode) {
this.disableMode(mode);
@ -108,5 +122,10 @@ export class Editor {
pushPolyPoints = latlngs => {
this.poly.pushPoints(latlngs);
}
};
setSticker = sticker => {
this.activeSticker = sticker;
this.setActiveSticker(sticker);
};
}