ngx-admin/src/app/pages/maps/components/googleMaps/googleMaps.component.ts
2016-05-02 18:17:54 +03:00

29 lines
759 B
TypeScript

import {Component, ViewEncapsulation, ElementRef} from 'angular2/core';
import {BaCard} from '../../../../theme';
import {DOM} from "angular2/src/platform/dom/dom_adapter";
@Component({
selector: 'google-maps',
pipes: [],
providers: [],
styles: [require('./googleMaps.scss')],
directives: [BaCard],
template: require('./googleMaps.html'),
})
export class GoogleMaps {
constructor(private _elementRef:ElementRef) {
}
ngAfterViewInit() {
let el = DOM.querySelector(this._elementRef.nativeElement, '.google-maps');
GoogleMapsLoader.load((google) => {
new google.maps.Map(el, {
center: new google.maps.LatLng(44.5403, -78.5463),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
});
}
}