Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

google maps

Browse source
This commit is contained in:
nixa 2016-05-02 17:43:45 +03:00
parent a182cb00ca
commit 6cf83c8903
6 changed files with 27 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

3
config/webpack.common.js
View file

@ -228,7 +228,8 @@ module.exports = {
$: 'jquery', $: 'jquery',
jquery: 'jquery', jquery: 'jquery',
"Tether": 'tether', "Tether": 'tether',
"window.Tether": "tether" "window.Tether": "tether",
"GoogleMapsLoader": "google-maps",
}) })
], ],

1
package.json
View file

@ -60,6 +60,7 @@
"core-js": "^2.2.2", "core-js": "^2.2.2",
"font-awesome": "^4.6.1", "font-awesome": "^4.6.1",
"font-awesome-sass-loader": "^1.0.1", "font-awesome-sass-loader": "^1.0.1",
"google-maps": "^3.2.1",
"jquery": "^2.2.3", "jquery": "^2.2.3",
"normalize.css": "^4.1.1", "normalize.css": "^4.1.1",
"rxjs": "5.0.0-beta.2", "rxjs": "5.0.0-beta.2",

21
src/app/pages/maps/components/googleMaps/googleMaps.component.ts
View file

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

3
src/app/pages/maps/components/googleMaps/googleMaps.html Normal file
View file

@ -0,0 +1,3 @@
<ba-card title="GoogleMaps" baCardClass="popular-app medium-card" class="viewport100">
<div class="google-maps"></div>
</ba-card>

4
src/app/pages/maps/components/googleMaps/googleMaps.scss Normal file
View file

@ -0,0 +1,4 @@
.google-maps {
//TODO: hotfix
height: 320px;
}

1
src/custom-typings.d.ts vendored
View file

@ -30,6 +30,7 @@ import * as _ from 'lodash'
*/ */
declare var $:any; declare var $:any;
declare var GoogleMapsLoader:any;
// Extra variables that live on Global that will be replaced by webpack DefinePlugin // Extra variables that live on Global that will be replaced by webpack DefinePlugin
declare var ENV: string; declare var ENV: string;