mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-22 18:30:14 +01:00
26 lines
708 B
TypeScript
26 lines
708 B
TypeScript
import {Component, ElementRef} from '@angular/core';
|
|
import * as GoogleMapsLoader from 'google-maps';
|
|
|
|
@Component({
|
|
selector: 'google-maps',
|
|
styleUrls: ['./googleMaps.scss'],
|
|
templateUrl: './googleMaps.html',
|
|
})
|
|
export class GoogleMaps {
|
|
|
|
constructor(private _elementRef:ElementRef) {
|
|
}
|
|
|
|
ngAfterViewInit() {
|
|
let el = this._elementRef.nativeElement.querySelector('.google-maps');
|
|
|
|
// TODO: do not load this each time as we already have the library after first attempt
|
|
GoogleMapsLoader.load((google) => {
|
|
new google.maps.Map(el, {
|
|
center: new google.maps.LatLng(44.5403, -78.5463),
|
|
zoom: 8,
|
|
mapTypeId: google.maps.MapTypeId.ROADMAP
|
|
});
|
|
});
|
|
}
|
|
}
|