2017-06-21 19:47:21 +08:00
|
|
|
<ng-template [ngIf]="mapPhotos.length>0">
|
2018-11-26 07:26:29 +08:00
|
|
|
<app-gallery-map-lightbox [photos]="photos" [gpxFiles]="metaFiles"></app-gallery-map-lightbox>
|
2017-06-21 19:47:21 +08:00
|
|
|
<div id="map" #map>
|
2017-05-27 16:15:57 +08:00
|
|
|
<agm-map
|
2017-06-21 19:47:21 +08:00
|
|
|
[disableDefaultUI]="true"
|
|
|
|
|
[zoomControl]="false"
|
|
|
|
|
[streetViewControl]="false"
|
|
|
|
|
[usePanning]="false"
|
|
|
|
|
[draggable]="false"
|
|
|
|
|
[zoom]="0"
|
2018-10-22 06:24:17 +08:00
|
|
|
[fitBounds]="true">
|
2017-06-21 19:47:21 +08:00
|
|
|
<agm-marker
|
|
|
|
|
*ngFor="let photo of mapPhotos"
|
|
|
|
|
[latitude]="photo.latitude"
|
2018-10-22 06:24:17 +08:00
|
|
|
[longitude]="photo.longitude"
|
|
|
|
|
[agmFitBounds]="true">
|
2017-06-21 19:47:21 +08:00
|
|
|
</agm-marker>
|
2017-05-27 16:15:57 +08:00
|
|
|
</agm-map>
|
2018-05-28 00:04:35 +08:00
|
|
|
<div class="overlay" (click)="click()"
|
|
|
|
|
[style.margin-top.px]="-height"
|
|
|
|
|
[style.height.px]="height">
|
|
|
|
|
</div>
|
2017-06-21 19:47:21 +08:00
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
