source : maps-engine-layer.js 

  1. /**
  2.  * @ngdoc directive
  3.  * @name maps-engine-layer
  4.  * @description
  5.  *   Requires:  map directive
  6.  *   Restrict To:  Element
  7.  *
  8.  * @example
  9.  * Example:
  10.  *  <map zoom="14" center="[59.322506, 18.010025]">
  11.  *    <maps-engine-layer layer-id="06673056454046135537-08896501997766553811">
  12.  *    </maps-engine-layer>
  13.  *  </map>
  14.  */
  15. (function() {
  16.   'use strict';
  17.   angular.module('ngMap').directive('mapsEngineLayer', ['Attr2MapOptions', function(Attr2MapOptions) {
  18.     var parser = Attr2MapOptions;
  19.     var getMapsEngineLayer = function(options, events) {
  20.       var layer = new google.maps.visualization.MapsEngineLayer(options);
  21.       for (var eventName in events) {
  22.         google.maps.event.addListener(layer, eventName, events[eventName]);
  23.       }
  24.       return layer;
  25.     };
  26.     return {
  27.       restrict: 'E',
  28.       require: ['?^map','?^ngMap'],
  29.       link: function(scope, element, attrs, mapController) {
  30.         mapController = mapController[0]||mapController[1];
  31.         var filtered = parser.filter(attrs);
  32.         var options = parser.getOptions(filtered, {scope: scope});
  33.         var events = parser.getEvents(scope, filtered, events);
  34.         console.log('maps-engine-layer options', options, 'events', events);
  35.         var layer = getMapsEngineLayer(options, events);
  36.         mapController.addObject('mapsEngineLayers', layer);
  37.       }
  38.      }; // return
  39.   }]);
  40. })();