From: https://www.angularjs4u.com/modules/5-angularjs-google-maps-demos/
.

1. Angular Directives for Google Maps

AngularJS directives to integrate Google Maps into your applications. There are directives for most of the widely-used objects, including markers, windows, lines and shapes. We’re currently working on integrating more layer objects, including the HeatMap and such.

GITHUB WEBSITE DEMO

2. GM Simple Maps

AngularGM is a set of directives for embedding Google Maps in your application using the Javascript API. If you want a handle to the map, you should use the getMapPromise(mapId) method so you can guarantee the map will be initialized.

GITHUB DOCS DEMO

3. Angular TODO Google Map Demo

Making map components with AngularJS pretty awesome demo. The simplest situation is just setting up a map with a starting location. Using the directive link function instantiate the map seems to do a great job.

GITHUB WEBSITE DEMO

4. Example of Angular Maps with Markers

A simple jsfiddle example of embedding a google map class with markers to calculate long and lat positions.

JSFIDDLE DEMO

5. Playing with Maps using AngularJS

The talk covers basic Maps API following by the use of AngularJS to create a Maps application. The source code for live ng-map demo can be found under the “demo” directory in the github repository.

TUTORIAL DEMO

6-10 – Please tell us below if you know any more good JavaScript demos of Google maps which we can add to this web page to help others.

Also if you are looking to code or have coded any features we are looking for include functionality for zooming the maps with mouse scrolling or by finger pinch (on mobile devices) we would love to hear about it.  We’re also API integration such as real-time search custom markers and other similar geo-location features. In return we can offer you some exposure and usage/adoption to your module for free.

.