changed code for trail map

This commit is contained in:
piratefinn 2017-12-08 13:26:18 +00:00
parent 9be8326d42
commit e3db378396
5 changed files with 16 additions and 7 deletions

View file

@ -5,6 +5,10 @@
<div class="card-header">
<strong>Lancaster Independent Story</strong>
<small>Required Data marked in <strong>bold</strong>.</small>
<select type="text" [(ngModel)]="assocMap" (ngModelChange)="viewBoundsChanged()">
<option value="lis" selected>Lancaster Independent Story</option>
<option value="esta">Esta</option>
</select>
</div>
<div class="modal fade" bsModal #statusModal="bs-modal" [config]="{backdrop: false, animated: false}"
tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
@ -45,7 +49,7 @@
<agm-marker-cluster maxZoom="13" imagePath="https://raw.githubusercontent.com/googlemaps/v3-utility-library/master/markerclustererplus/images/m">
<agm-marker
*ngFor="let m of markers"
[iconUrl]="'/assets/img/map-pin-lis.png'"
[iconUrl]="'/assets/img/association/' + assocMap + '-map-pin.png'"
[latitude]="m.latitude"
[longitude]="m.longitude"
[openInfoWindow]="false"
@ -55,7 +59,7 @@
</agm-map>
<ng-template #template>
<div class="modal-header d-flex justify-content-between">
<img src="assets/img/lis_logo.png" class="w-15" alt="lis logo"><h4 class="modal-title">{{clickedMarker.name}}</h4>
<img src="{{assocLogo}}" class="w-15" alt="lis logo"><h4 class="modal-title">{{clickedMarker.name}}</h4>
<button type="button" class="close pull-right" aria-label="Close" (click)="modalRef.hide()">
<span aria-hidden="true">&times;</span>
</button>

View file

@ -15,6 +15,8 @@ export class TrailMapComponent implements OnInit, AfterViewInit {
zoom: number = 12;
public modalRef: BsModalRef;
clickedMarker: any;
assocMap = 'lis';
assocLogo: string;
dataReceived: string = 'loading';
@ -25,7 +27,9 @@ export class TrailMapComponent implements OnInit, AfterViewInit {
constructor(
private api: ApiService,
private modalService: BsModalService,
) {}
) {
this.assocLogo = 'assets/img/association/' + this.assocMap + '_logo.png';
}
ngOnInit(): void { }
@ -64,8 +68,9 @@ export class TrailMapComponent implements OnInit, AfterViewInit {
latitude: resp.getSouthWest().lat(),
longitude: resp.getSouthWest().lng()
},
association: this.assocMap,
}
this.api.getLisData(mapData).subscribe(
this.api.getAssocData(mapData).subscribe(
result => {
this.myStatusModal.hide();
this.markers = result.locations;

View file

@ -276,11 +276,11 @@ export class ApiService {
);
}
// Load LIS Data
public getLisData(data) {
// Load Association Data
public getAssocData(data) {
data.session_key = this.sessionKey;
return this.http.post<any>(
this.apiUrl + '/v1/supplier/location/lis',
this.apiUrl + '/v1/supplier/location/trail',
data
);
}

View file

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

Before

Width:  |  Height:  |  Size: 260 KiB

After

Width:  |  Height:  |  Size: 260 KiB