Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-01-30 21:25:18 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(maps): add the gmaps and the leaflet component pages

Browse source
This commit is contained in:
Alexander Zhukov 2017-05-06 20:02:26 +03:00
parent e5f3f211f9
commit 6d8d55c8cc
18 changed files with 180 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/app/pages/maps/gmaps/gmaps.component.html Normal file
View file

@ -0,0 +1,12 @@
<div class="row">
<div class="col-md-12">
<nga-card size="xmedium">
<nga-card-header>Gmaps</nga-card-header>
<nga-card-body>
<agm-map [latitude]="lat" [longitude]="lng">
<agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>
</nga-card-body>
</nga-card>
</div>
</div>

15
src/app/pages/maps/gmaps/gmaps.component.scss Normal file
View file

@ -0,0 +1,15 @@
@import '~@nga/theme/overrides/bootstrap/styles/themes/nga.theme.default';
:host {
display: block;
nga-card {
nga-card-body {
/deep/ agm-map {
.agm-map-container-inner {
height: calc(#{$nga-card-height-xmedium} - 50px);
}
}
}
}
}

13
src/app/pages/maps/gmaps/gmaps.component.ts Normal file
View file

@ -0,0 +1,13 @@
import { Component } from '@angular/core';
@Component({
selector: 'ngx-gmaps',
styleUrls: ['./gmaps.component.scss'],
templateUrl: './gmaps.component.html',
})
export class GmapsComponent {
lat: number = 51.678418;
lng: number = 7.809007;
}