ztimson/map-alliance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases 1 Activity

Added square tool

Browse Source
This commit is contained in:
Zakary Timson
2019-08-30 14:40:37 -04:00
parent 37d2d33a34
commit 34e82ce85e
3 changed files with 27 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/views/map/map.component.ts
View File

@ -35,10 +35,10 @@ export class MapComponent implements OnInit {
measuringSubscription: Subscription;
menu: ToolbarItem[] = [
{name: 'Marker', icon: 'room', toggle: true, click: () => { this.addMarker(); }},
{name: 'Marker', icon: 'room', toggle: true, click: () => this.addMarker()},
{name: 'Draw', icon: 'create', toggle: true, onEnabled: () => this.startDrawing(), onDisabled: () => this.stopDrawing()},
{name: 'Circle', icon: 'panorama_fish_eye', toggle: true, click: () => { this.addCircle(); }},
{name: 'Square', icon: 'crop_square', toggle: true},
{name: 'Circle', icon: 'panorama_fish_eye', toggle: true, click: () => this.addCircle()},
{name: 'Square', icon: 'crop_square', toggle: true, click: () => this.addRectangle()},
{name: 'Polygon', icon: 'details', toggle: true},
{name: 'Measure', icon: 'straighten', toggle: true, onEnabled: () => this.startMeasuring(), onDisabled: () => this.stopMeasuring()},
{name: 'Delete', icon: 'delete', toggle: true},
@ -121,6 +121,20 @@ export class MapComponent implements OnInit {
});
}
addRectangle() {
let lastPoint;
this.map.click.pipe(skip(1), take(2)).subscribe(e => {
if(lastPoint) {
this.menu[3].enabled = false;
console.log({latlng: lastPoint.getLatLng(), latlng2: e.event.latlng});
this.map.newRectangle({latlng: lastPoint.getLatLng(), latlng2: e.event.latlng});
this.map.delete(lastPoint);
return;
}
lastPoint = this.map.newMarker({latlng: e.event.latlng});
})
}
center(pos?) {
if(!pos) pos = {lat: this.position.latitude, lng: this.position.longitude};
this.map.centerOn(pos);