Source: directives/drawing-manager.js

/**
 * @ngdoc directive
 * @name drawing-manager
 * @requires Attr2Options
 * @description
 *   Requires:  map directive
 *   Restrict To:  Element
 *
 * @example
 * Example:
 *
 *  <map zoom="13" center="37.774546, -122.433523" map-type-id="SATELLITE">
 *    <drawing-manager  on-overlaycomplete="onMapOverlayCompleted()" position="ControlPosition.TOP_CENTER" drawingModes="POLYGON,CIRCLE" drawingControl="true" circleOptions="fillColor: '#FFFF00';fillOpacity: 1;strokeWeight: 5;clickable: false;zIndex: 1;editable: true;" ></drawing-manager>
 *  </map>
 *
 *  TODO: Add remove button.
 *  currently, for out solution, we have the shapes/markers in our own controller, and we use some css classes to change the shape button
 *  to a remove button (<div>X</div>) and have the remove operation in our own controller.
 */
/*jshint -W089*/
ngMap.directive('drawingManager', ['Attr2Options', function(Attr2Options) {
  var parser = Attr2Options;

  return {
    restrict: 'E',
    require: '^map',

    link: function(scope, element, attrs, mapController) {
      var orgAttrs = parser.orgAttributes(element);
      var filtered = parser.filter(attrs);
      var options = parser.getOptions(filtered);
      var controlOptions = parser.getControlOptions(filtered);
      var events = parser.getEvents(scope, filtered);

      console.log("filtered", filtered, "options", options, 'controlOptions', controlOptions, 'events', events);

      /**
       * set options
       */
      var drawingManager = new google.maps.drawing.DrawingManager({
        drawingMode: options.drawingmode,
        drawingControl: options.drawingcontrol,
        drawingControlOptions: controlOptions.drawingControlOptions,
        circleOptions:options.circleoptions,
        markerOptions:options.markeroptions,
        polygonOptions:options.polygonoptions,
        polylineOptions:options.polylineoptions,
        rectangleOptions:options.rectangleoptions
      });


      /**
       * set events
       */
      var events = parser.getEvents(scope, filtered);
      for (var eventName in events) {
        google.maps.event.addListener(drawingManager, eventName, events[eventName]);
      }

      mapController.addObject('mapDrawingManager', drawingManager);
    }
  }; // return
}]);