source : transit-layer.js 

  1. /**
  2.  * @ngdoc directive
  3.  * @name transit-layer
  4.  * @param Attr2MapOptions {service} convert html attribute to Google map api options
  5.  * @description
  6.  *   Requires:  map directive
  7.  *   Restrict To:  Element
  8.  *
  9.  * @example
  10.  * Example:
  11.  *
  12.  *  <map zoom="13" center="34.04924594193164, -118.24104309082031">
  13.  *    <transit-layer></transit-layer>
  14.  *  </map>
  15.  */
  16. (function() {
  17.   'use strict';
  18.   angular.module('ngMap').directive('transitLayer', [
  19.     'Attr2MapOptions', function(Attr2MapOptions) {
  20.     var parser = Attr2MapOptions;
  21.     var getLayer = function(options, events) {
  22.       var layer = new google.maps.TransitLayer(options);
  23.       for (var eventName in events) {
  24.         google.maps.event.addListener(layer, eventName, events[eventName]);
  25.       }
  26.       return layer;
  27.     };
  28.     return {
  29.       restrict: 'E',
  30.       require: ['?^map','?^ngMap'],
  31.       link: function(scope, element, attrs, mapController) {
  32.         mapController = mapController[0]||mapController[1];
  33.         var orgAttrs = parser.orgAttributes(element);
  34.         var filtered = parser.filter(attrs);
  35.         var options = parser.getOptions(filtered, {scope: scope});
  36.         var events = parser.getEvents(scope, filtered);
  37.         console.log('transit-layer options', options, 'events', events);
  38.         var layer = getLayer(options, events);
  39.         mapController.addObject('transitLayers', layer);
  40.         mapController.observeAttrSetObj(orgAttrs, attrs, layer);  //observers
  41.         element.bind('$destroy', function() {
  42.           mapController.deleteObject('transitLayers', layer);
  43.         });
  44.       }
  45.      }; // return
  46.   }]);
  47. })();