Angular Gm

AngularJS Google Maps Directives
Alternatives To Angular Gm
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Angularjs Google Maps1,568173124 years ago66November 25, 201886mitHTML
The Simplest AngularJS Google Maps V3 Directive
Angular Recaptcha5016372 years ago19July 30, 201878mitJavaScript
AngularJS directive to add a reCaptcha widget to your form
Angularjs Cart288
10 years ago5apache-2.0JavaScript
AngularJS Shopping Cart modified to support Stripe.js (includes Google Wallet and Paypal already) support
Angular Google Places Autocomplete2611013 years ago3September 08, 201685mitJavaScript
Pure AngularJS directive for Google Places Autocomplete
Angular Gm205
6 years ago3January 05, 20173mitJavaScript
AngularJS Google Maps Directives
Angular Google Gapi1741026 years ago6November 14, 201618JavaScript
An AngularJS module for using all Google Apis and your Google Cloud Endpoints (Google App Engine) with OAuth. This module uses Google APIs Client Library for JavaScript, available for all GApis.
Lookaround172
4 years ago8mitJavaScript
AngularJS Learning Playground ( with Twitter bootstrap, Google maps API, TDD using Karma runner )
Angular Directive.g Signin148
526 years agoJune 29, 201517JavaScript
:triangular_ruler: AngularJS Directive for Google Plus Sign-in Button
Nghellostyle121
7 years ago4JavaScript
AngularJS seed for Google Closure Compiler
Angular Google Maps Native94427 years ago5August 10, 20155JavaScript
AngularJS directives for the Google Maps Javascript API using the native way
Alternatives To Angular Gm
Select To Compare


Alternative Project Comparisons
Readme

AngularGM

AngularGM is a set of directives for embedding Google Maps in your application using the Google Maps Javascript API.

Build Status

Latest version: 2.0.1

Features

  • Bi-directional association of map bounds, center, and zoom with scope variables
  • Multiple Google Maps can be embedded in the same page
  • Works with ngView and reuses map instances so there is no memory leak
  • Bind custom objects to markers
  • Listen for and generate events on markers/objects
  • Create InfoWindows which compile Angular expressions (credit goes to ui-map for this feature)
  • Create polylines and circles

Documentation and Examples

Quick Start

Install angular-gm

  • Bower: bower install AngularGM
  • npm: npm install angular-gm

Include the required libraries

<script src="//maps.googleapis.com/maps/api/js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>
<script src="//path/to/angular-gm.js"></script>

Declare a dependency on the AngularGM module

var app = angular.module('myModule', ['AngularGM']);

Make a map

<gm-map gm-map-id="'myMap'" gm-center="center" gm-zoom="zoom" gm-bounds="bounds" gm-map-type-id="mapTypeId" style="width:500px;height:500px;"></gm-map>

Development

Clone the repo, git clone git://github.com/dylanfprice/angular-gm.git

AngularGM is tested with karma

$ sudo npm install grunt-cli --global
$ npm install
$ grunt karma:server

You can build the latest version using grunt.

$ grunt build

You can also view the latest documentation on your local machine.

$ grunt && grunt connect

then go to http://localhost:8000/dist/docs/

Pull Requests welcome!

Author

Dylan Price ([email protected], http://github.com/dylanfprice)

Credits

Inspired by Nicolas Laplante's angular-google-maps directive (nlaplante/angular-google-maps)

README and project layout stolen from Olivier Louvignes' AngularStrap repo (mgcrea/angular-strap)

Much of the gmInfoWindow directive code is from the ui-map project

Changelog

Moved to CHANGELOG.md

Popular Google Projects
Popular Angularjs Projects
Popular Companies Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Angular
Google
Angularjs
Markers