maps-engine-layer.js 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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"></maps-engine-layer>
  12. * </map>
  13. */
  14. /*jshint -W089*/
  15. ngMap.directive('mapsEngineLayer', ['Attr2Options', function(Attr2Options) {
  16. var parser = Attr2Options;
  17. var getMapsEngineLayer = function(options, events) {
  18. var layer = new google.maps.visualization.MapsEngineLayer(options);
  19. for (var eventName in events) {
  20. google.maps.event.addListener(layer, eventName, events[eventName]);
  21. }
  22. return layer;
  23. };
  24. return {
  25. restrict: 'E',
  26. require: '^map',
  27. link: function(scope, element, attrs, mapController) {
  28. var filtered = parser.filter(attrs);
  29. var options = parser.getOptions(filtered);
  30. var events = parser.getEvents(scope, filtered, events);
  31. console.log('maps-engine-layer options', options, 'events', events);
  32. var layer = getMapsEngineLayer(options, events);
  33. mapController.addObject('mapsEngineLayers', layer);
  34. }
  35. }; // return
  36. }]);