2017-05-06 20:02:26 +03:00
|
|
|
import { Component } from '@angular/core';
|
|
|
|
|
|
|
|
|
|
@Component({
|
|
|
|
|
selector: 'ngx-gmaps',
|
2017-06-08 23:06:33 +03:00
|
|
|
styleUrls: ['./gmaps.component.scss'],
|
2017-07-24 11:52:42 +03:00
|
|
|
template: `
|
2017-07-25 18:09:11 +03:00
|
|
|
<nga-card size="xlarge">
|
2017-07-24 11:52:42 +03:00
|
|
|
<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>
|
|
|
|
|
`,
|
2017-05-06 20:02:26 +03:00
|
|
|
})
|
|
|
|
|
export class GmapsComponent {
|
2017-07-25 18:09:11 +03:00
|
|
|
|
2017-05-06 20:02:26 +03:00
|
|
|
lat: number = 51.678418;
|
|
|
|
|
lng: number = 7.809007;
|
|
|
|
|
}
|