Google Map Directive Angularjs

Usage

Required files

<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="path-to/1.4.*/angular.js"></script>
<script src="path-to/your-app.js"></script>

Directive types

<!-- 'E'lement -->
<google-map></google-map>

<!-- 'A'ttribute -->
<div google-map></div>

Scope Options

• zipcode type string
• hasSkin type undefined (optional)

<google-map class="gmap" id="gmap" zipcode="Object.ZipCode" has-skin></google-map>

id attribute is required! also you need to set the height and width via class="your-class" or inline.

Credits

• Map Style: Vallgatan made by @joel
• Bootstrap theme (for demo purpose): Flatly made by Thomas Park

Links

Browse more map styles at snazzymaps.com

Licensed under MIT