kml-layer.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. /**
  2. * @ngdoc directive
  3. * @name kml-layer
  4. * @requires Attr2Options
  5. * @description
  6. * renders Kml layer on a map
  7. * Requires: map directive
  8. * Restrict To: Element
  9. *
  10. * @param {Url} url url of the kml layer
  11. * @param {KmlLayerOptions} KmlLayerOptions
  12. * (https://developers.google.com/maps/documentation/javascript/reference#KmlLayerOptions)
  13. * @param {String} <KmlLayerEvent> Any KmlLayer events, https://developers.google.com/maps/documentation/javascript/reference
  14. * @example
  15. * Usage:
  16. * <map MAP_ATTRIBUTES>
  17. * <kml-layer ANY_KML_LAYER ANY_KML_LAYER_EVENTS"></kml-layer>
  18. * </map>
  19. *
  20. * Example:
  21. *
  22. * <map zoom="11" center="[41.875696,-87.624207]">
  23. * <kml-layer url="http://gmaps-samples.googlecode.com/svn/trunk/ggeoxml/cta.kml" ></kml-layer>
  24. * </map>
  25. */
  26. /*jshint -W089*/
  27. ngMap.directive('kmlLayer', ['Attr2Options', function(Attr2Options) {
  28. var parser = Attr2Options;
  29. var getKmlLayer = function(options, events) {
  30. var kmlLayer = new google.maps.KmlLayer(options);
  31. for (var eventName in events) {
  32. google.maps.event.addListener(kmlLayer, eventName, events[eventName]);
  33. }
  34. return kmlLayer;
  35. };
  36. return {
  37. restrict: 'E',
  38. require: '^map',
  39. link: function(scope, element, attrs, mapController) {
  40. var orgAttrs = parser.orgAttributes(element);
  41. var filtered = parser.filter(attrs);
  42. var options = parser.getOptions(filtered);
  43. var events = parser.getEvents(scope, filtered);
  44. console.log('kml-layer options', kmlLayer, 'events', events);
  45. var kmlLayer = getKmlLayer(options, events);
  46. mapController.addObject('kmlLayers', kmlLayer);
  47. parser.observeAttrSetObj(orgAttrs, attrs, kmlLayer); //observers
  48. }
  49. }; // return
  50. }]);