Google Maps directives for Angular2


Keywords
angular2, google, maps, akvus
License
MIT
Install
npm install ng2-goo-maps@0.1.0

Documentation

ng2-goo-maps

Google Maps API directives for Angular2.

Installation

npm install ng2-goo-maps --save

Usage

1. In your module:

import {GooMapsModule} from 'ng2-goo-maps/ng2-goo-maps';

@NgModule({
    imports: [GooMapsModule]
)]

2. In your componenet:

import {GooMapsApiService} from 'ng2-goo-maps/ng2-goo-maps';
@Component({
  providers: [GooMapsApiService]
})

3. In your template:

<goo-map [height]="300" [options]="{
center: { lat: -25.363, lng: 131.044 },
zoom: 3 }">
    <goo-marker [position]="{ lat: -25.363, lng: 131.044 }" [title]="Test" [draggable]="true">
        <goo-info-window [isOpen]="true">
        <b>Some template</b> and not bold
        </goo-info-window>
    </goo-marker>
    <goo-marker [position]="{ lat: -25.363, lng: 130.044 }" [title]="Test2"></goo-marker>
    <goo-polyline [path]="
    [{ lat: 37.772, lng: -122.214 },
    { lat: 21.291, lng: -157.821 },
    { lat: -18.142, lng: 178.431 },
    { lat: -27.467, lng: 153.027 }]" [editable]="true"></goo-polyline>
</goo-map>

Webpack example app

https://github.com/akvus/ng2-goo-maps/tree/master/example