#7 - Added arrow to show direction for links. (#9)

Author: daveegrant

dist/images/arrow-black.png

@@ -90,4 +90,9 @@ gulp.task('templates', function() {
     .pipe(gulp.dest('dist'));
 });
 
-gulp.task('default', ['styles', 'templates']);
+gulp.task('images', function() {
+  return gulp.src(['./src/images/*'])
+    .pipe(gulp.dest('dist/images'));
+});
+
+gulp.task('default', ['styles', 'templates', 'images']);

gulpfile.js

@@ -58,21 +58,21 @@
         })
       ];
 
-      // 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;
     };