0.0.11 • Published 6 years ago
nggm v0.0.11
nggm (under construction)
Just Maps JavaScript API wrapper for use with Angular.
Examples
Setup
Install
npm install nggmAdd
<script>width API key.<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>It should be located above the place of loading the main scripts.
Import required module:
GmCommonModuleGmControlModuleGmInfoWindowModuleGmMapModuleGmMarkerModule
<gm-map>
Import
import {GmCommonModule, GmMapModule} from 'nggm';API
You can use any Map methods with template reference variables.
<gm-map #map></gm-map>
<button (click)="map.panBy(10, 20)">pan</button>Tokens
GM_MAP_OPTIONS- provide defaultMapOptionsinMapconstructor.
Directives
Strikethrough directives have not yet been implemented.
| Directive | MapOptions | Map |
|---|---|---|
[(gmCenter)] | MapOptions.center | Map.getCenterMap.setCenterMap.center_changed |
[(gmClickableIcons)] | MapOptions.clickableIcons | Map.getClickableIconsMap.setClickableIconsclickableicons_changed |
[(gmDraggable)] | MapOptions.draggable | draggable_change |
[(gmHeading)] | MapOptions.heading | Map.getHeadingMap.setHeadingMap.heading_changed |
[(gmMapTypeId)] | MapOptions.mapTypeId | Map.getMapTypeIdMap.setMapTypeIdmaptypeid_changed |
[(gmStreetView)] | MapOptions.streetView | Map.getStreetViewMap.setStreetViewstreetview_changed |
[(gmTilt)] | MapOptions.tilt | Map.getTiltMap.setTiltMap.tilt_changed |
[(gmZoom)] | MapOptions.zoom | Map.getZoomMap.setZoomMap.zoom_changed |
| not needed | Map.fitBounds | |
(gmBoundsChange) | Map.getBounds Map.bounds_changed | |
| not needed | Map.getDiv | |
(gmProjectionChange) | Map.getProjection Map.projection_changed | |
| not needed | Map.panBy | |
| not needed | Map.panTo | |
| not needed | Map.panToBounds | |
(gmClick) | Map.click | |
(gmDblclick) | Map.dblclick |
gmControl=""
TODO doc
<gm-marker>
TODO doc
<gm-info-window>
TODO doc
<gm-polyline>
Not implemented
<gm-polygon>
Not implemented
<gm-circle>
Not implemented