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

InteractivePoly: editor disable / enable

Browse source
This commit is contained in:
muerwre 2019-02-21 18:24:50 +07:00
parent edbd911de6
commit 99071ee639
1 changed files with 25 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/modules/InteractivePoly.ts
View file

@ -55,6 +55,7 @@ export class InteractivePoly extends Polyline {
}; };
showAllMarkers = (): void => { showAllMarkers = (): void => {
if (!this.is_editing) return;
if (this._map.hasLayer(this.markerLayer)) return; if (this._map.hasLayer(this.markerLayer)) return;
this._map.addLayer(this.markerLayer); this._map.addLayer(this.markerLayer);
@ -69,6 +70,8 @@ export class InteractivePoly extends Polyline {
}; };
showVisibleMarkers = (): void => { showVisibleMarkers = (): void => {
if (!this.is_editing) return;
const northEast = this._map.getBounds().getNorthEast(); const northEast = this._map.getBounds().getNorthEast();
const southWest = this._map.getBounds().getSouthWest(); const southWest = this._map.getBounds().getSouthWest();
@ -98,7 +101,14 @@ export class InteractivePoly extends Polyline {
}; };
editor = { editor = {
disable: () => {
this.hideAllMarkers();
this.is_editing = false;
},
enable: () => {
this.is_editing = true;
this.showVisibleMarkers();
}
}; };
onMarkerDrag = ({ target }: { target: Marker}) => { onMarkerDrag = ({ target }: { target: Marker}) => {
@ -139,6 +149,18 @@ export class InteractivePoly extends Polyline {
}; };
setConstraints = (prev?: LatLng, marker?: LatLng, next?: LatLng) => { setConstraints = (prev?: LatLng, marker?: LatLng, next?: LatLng) => {
if (!prev && this._map.hasLayer(this.constr1)) {
this._map.removeLayer(this.constr1);
} else if (prev && !this._map.hasLayer(this.constr1)) {
this._map.removeLayer(this.constr1);
}
if (!next && this._map.hasLayer(this.constr2)) {
this._map.removeLayer(this.constr2);
} else if (next && !this._map.hasLayer(this.constr2)) {
this._map.removeLayer(this.constr2);
}
if (prev) this.constr1.setLatLngs([prev, marker]); if (prev) this.constr1.setLatLngs([prev, marker]);
if (next) this.constr2.setLatLngs([next, marker]); if (next) this.constr2.setLatLngs([next, marker]);
}; };
@ -157,6 +179,7 @@ export class InteractivePoly extends Polyline {
constr1: Polyline; constr1: Polyline;
constr2: Polyline; constr2: Polyline;
is_editing: boolean = true;
is_dragging: boolean = false; is_dragging: boolean = false;
vertex_index?: number = null; vertex_index?: number = null;
markers_visible: boolean = true; markers_visible: boolean = true;
@ -172,7 +195,7 @@ InteractivePoly.addInitHook(function () {
} }
}); });
this.once('remove', () => { this.once('remove', (event) => {
if (event.target instanceof InteractivePoly) { if (event.target instanceof InteractivePoly) {
this.markerLayer.removeFrom(this.map); this.markerLayer.removeFrom(this.map);
this.map.off('moveend', this.updateMarkers); this.map.off('moveend', this.updateMarkers);