angular2-google-map
v0.1.8
Published
Angular2 components for Google Maps
Downloads
81
Readme
Installation
npm install angular2-google-map --save
Quick start
// main.ts
import {GOOGLE_MAPS_PROVIDERS} from 'angular2-google-map/core';
bootstrap(App, [
....,
GOOGLE_MAPS_PROVIDERS
]
// View
<google-map [center]="{lat: -34.397, lng: 150.644}" style="width: 100%; height: 100%">
<google-map-marker [position]="{lat: -34.397, lng: 150.644}"></google-map-marker>
</google-map>
Support options (input
, output
)
<google-map>
(see):
- [backgroundColor] = "string"
- [center] = "{lat: number, lng: number} | {latitude: number, longitude: number} | Coordinates"
- [disableDoubleClickZoom] = "boolean"
- [draggable] = "boolean"
- [keyboardShortcuts] = "boolean"
- [scrollwheel] = "boolean"
- [zoom] = "number"
- [minZoom] = "number"
- [maxZoom] = "number"
- [disableDefaultUI] = "boolean"
- [mapTypeControl] = "boolean"
- [rotateControl] = "boolean"
- [scaleControl] = "boolean"
- [streetViewControl] = "boolean"
- [zoomControl] = "boolean"
<google-map-marker>
(see):
- [position] = "{lat: number, lng: number} | {latitude: number, longitude: number} | Coordinates"
- [clickable] = "boolean"
- [icon] = "string"
- [opacity] = "number"
- [title] = "string"
- [visible] = "boolean"
- [zIndex] = "number"
- [animation] = "number"
- [delay] = "number" - Delay marker initialization
Events
- (click) = "onHandle($event)"
- (dblclick) = "onHandle($event)"
- (rightclick) = "onHandle($event)"
- (position_changed) = "onHandle($event)"
- (title_changed) = "onHandle($event)"
- (icon_changed) = "onHandle($event)"
- (visible_changed) = "onHandle($event)"
Licence
MIT
The inspiration for this project has served this library SebastianM/angular2-google-maps, but which blocking dependency Angular2...