ng-google-static-maps
An AngularJS directive to quickly insert Google Static Maps
- Install with bower:
bower install ng-google-static-maps --save
- Include
ng-google-static-maps.js
- Include
tbc.ngGoogleStaticMaps
in your module dependencies
- Enjoy the
static-google-map
directive!
Simple map
Code
<static-google-map size="600x250" markers="[{
color: 'red',
label: 'A',
coords: [38.120598, 13.357907]
}]" key="YOUR_API_KEY" sensor="false" zoom="14"></static-google-map>
In action
Custom PNG marker
Code
<static-google-map size="600x250" markers="[{
coords: [38.120598, 13.357907],
icon: 'https://thebatclaudio.github.io/ng-google-static-maps/map-marker-icon.png'
}]" key="YOUR_API_KEY" sensor="false" zoom="14"></static-google-map>
In action