source : kml-layer.js 

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