Need help with angular-gm?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

dylanfprice
202 Stars 48 Forks MIT License 278 Commits 3 Opened issues

Description

AngularJS Google Maps Directives

Services available

!
?

Need anything else?

Contributors list

# 344,860
JavaScr...
Shell
211 commits
# 620,668
JavaScr...
Shell
10 commits
# 533,008
TypeScr...
Angular
HTML
jalali
8 commits
# 243,229
CSS
Shell
HTML
memoiza...
7 commits
# 197,431
Shell
CSS
PHP
5 commits
# 695,618
JavaScr...
Shell
4 commits
# 137,309
Swift
swift-f...
macOS
swift4
2 commits

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

html



Declare a dependency on the

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

Make a map

html

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.

bash
$ 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 (http://github.com/nlaplante/angular-google-maps)

README and project layout stolen from Olivier Louvignes' AngularStrap repo (http://github.com/mgcrea/angular-strap)

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

Changelog

Moved to CHANGELOG.md

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.