#8 - Expand node on double-click. (#10)

Author: daveegrant

dist/ml-ol-maps-ng.js

@@ -24,7 +24,8 @@
         enableLinks: '=',
 
         // parent callbacks
-        parentSingleClick: '&singleClick'
+        parentSingleClick: '&singleClick',
+        parentDoubleClick: '&doubleClick'
       },
       templateUrl: '/templates/detail-map.html',
       controller: 'MLOlDetailMapController',
@@ -54,11 +55,31 @@
     });
 
     $scope.$on('openlayers.map.singleclick', function(event, data) {
+      if (data.event.map.hasFeatureAtPixel(data.event.pixel)) {
+        data.event.map.forEachFeatureAtPixel(data.event.pixel, function (feature, layer) {
+          $scope.$apply(function() {
+            if ($scope.parentSingleClick) {
+              $scope.parentSingleClick({ 'feature': feature });
+            }
+
+            // if (feature.get('metadata')) {
+            //   ctrl.mapItemSelected = feature.get('metadata');
+            // }
+          });
+        });
+      }
+      else {
+        $scope.$apply(function() {
+          ctrl.mapItemSelected = null;
+        });
+      }
+    });
+
+    $scope.$on('openlayers.map.dblclick', function(event, data) {
       data.event.map.forEachFeatureAtPixel(data.event.pixel, function (feature, layer) {
-        var featureUri = feature.get('uri');
         $scope.$apply(function() {
-          if ($scope.parentSingleClick) {
-            $scope.parentSingleClick({ 'featureUri': featureUri });
+          if ($scope.parentDoubleClick) {
+            $scope.parentDoubleClick({ 'feature': feature });
           }
 
           if ($scope.enableLinks) {
@@ -384,29 +405,29 @@
     };
 
     var createLineStyle = function(feature, resolution) {
-      // var geometry = feature.getGeometry();
+      var geometry = feature.getGeometry();
       var styles = [
         new ol.style.Style({
           stroke: new ol.style.Stroke({color: 'black', width: 3}),
           text: createTextStyle(feature.get('name'), 'black')
         })
       ];
 
-      // geometry.forEachSegment(function(start, end) {
-      //   var dx = end[0] - start[0];
-      //   var dy = end[1] - start[1];
-      //   var rotation = Math.atan2(dy, dx);
-      //   // arrows
-      //   styles.push(new ol.style.Style({
-      //     geometry: new ol.geom.Point(end),
-      //     image: new ol.style.Icon({
-      //       src: 'images/arrow-black.png',
-      //       anchor: [1.5, 0.5],
-      //       rotateWithView: false,
-      //       rotation: -rotation
-      //     })
-      //   }));
-      // });
+      geometry.forEachSegment(function(start, end) {
+        var dx = end[0] - start[0];
+        var dy = end[1] - start[1];
+        var rotation = Math.atan2(dy, dx);
+        // arrows
+        styles.push(new ol.style.Style({
+          geometry: new ol.geom.Point(end),
+          image: new ol.style.Icon({
+            src: 'images/arrow-black.png',
+            anchor: [1.5, 0.5],
+            rotateWithView: false,
+            rotation: -rotation
+          })
+        }));
+      });
 
       return styles;
     };
@@ -489,15 +510,16 @@
         },
         defaults: {
           interactions: {
-            mouseWheelZoom: true
+            mouseWheelZoom: true,
+            doubleClickZoom: false
           },
           controls: {
             zoom: true,
             rotate: false,
             attribution: false
           },
           events: {
-            map: ['singleclick', 'moveend']
+            map: ['singleclick', 'dblclick', 'moveend']
           }
         },
         baseMap: {