Add service code to map marker
This commit is contained in:
parent
b71506f19f
commit
1d2f88eb14
|
@ -3,7 +3,7 @@
|
||||||
<h2 class="mt-3">Numero di interventi: <b>{{ serviceNumber }}</b></h2>
|
<h2 class="mt-3">Numero di interventi: <b>{{ serviceNumber }}</b></h2>
|
||||||
|
|
||||||
<h3 class="mt-3 text-center">Mappa degli interventi</h3>
|
<h3 class="mt-3 text-center">Mappa degli interventi</h3>
|
||||||
<map #servicesMap (mapClick)="serviceMapClick($event)"></map>
|
<map #servicesMap></map>
|
||||||
|
|
||||||
<h3 class="mt-5 text-center">Interventi per vigile</h3>
|
<h3 class="mt-5 text-center">Interventi per vigile</h3>
|
||||||
<chart type="pie" [data]="chartServicesByUserData"></chart>
|
<chart type="pie" [data]="chartServicesByUserData"></chart>
|
||||||
|
|
|
@ -191,7 +191,11 @@ export class StatsServicesComponent implements OnInit {
|
||||||
for (let service of this.services) {
|
for (let service of this.services) {
|
||||||
const pos: LatLngTuple = [service.place.lat, service.place.lon];
|
const pos: LatLngTuple = [service.place.lat, service.place.lon];
|
||||||
serviceMapFitBoundsTuple.push(pos);
|
serviceMapFitBoundsTuple.push(pos);
|
||||||
let marker = new Marker(pos);
|
let marker = new Marker(pos, {
|
||||||
|
title: service.code
|
||||||
|
}).on("click", (e) => {
|
||||||
|
console.log(e);
|
||||||
|
});
|
||||||
this.servicesMap.addMarker(marker);
|
this.servicesMap.addMarker(marker);
|
||||||
}
|
}
|
||||||
this.servicesMap.setBounds(serviceMapFitBoundsTuple);
|
this.servicesMap.setBounds(serviceMapFitBoundsTuple);
|
||||||
|
@ -215,8 +219,4 @@ export class StatsServicesComponent implements OnInit {
|
||||||
if(this.lastRange !== this.range) this.loadServices();
|
if(this.lastRange !== this.range) this.loadServices();
|
||||||
this.lastRange = this.range;
|
this.lastRange = this.range;
|
||||||
}
|
}
|
||||||
|
|
||||||
serviceMapClick(e: any) {
|
|
||||||
console.log(e);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue