Only connect markers for journeys

Author: thekid

src/main/handlebars/content.handlebars

@@ -56,7 +56,7 @@ parent: feed
         {{/with}}
       {{/each}}
 
-      mapping.project(document.querySelector('#map'));
+      mapping.project(document.querySelector('#map'), false);
 
       // Update statistics
       {{&use 'statistics'}}

src/main/handlebars/journey.handlebars

@@ -100,7 +100,7 @@ parent: feed
         {{/each}}
       {{/each}}
 
-      mapping.project(document.querySelector('#map'));
+      mapping.project(document.querySelector('#map'), true);
 
       // To determine which entries the user has spent time viewing, use intersection observer
       {{&use 'statistics'}}

src/main/handlebars/journeys.handlebars

@@ -46,7 +46,7 @@
         {{/each}}
       {{/each}}
 
-      mapping.project(document.querySelector('#map'));
+      mapping.project(document.querySelector('#map'), false);
     </script>
   {{/inline}}
 {{/layout}}

src/main/js/mapping.js

@@ -32,7 +32,7 @@ class Mapping {
   }
 
   /** Project this map on to a given DOM element */
-  project($element) {
+  project($element, connect) {
     const map = new ol.Map({
       target: $element,
       layers: [new ol.layer.Tile({source: new ol.source.OSM()})]
@@ -44,7 +44,7 @@ class Mapping {
     const features = new ol.source.Vector({features: this.#features});
 
     // If there is more than one coordinate, connect with dotted lines
-    if (this.#coords.length > 1) {
+    if (connect && this.#coords.length > 1) {
       const line = new ol.Feature({geometry: new ol.geom.LineString(this.#coords)});
       line.setStyle(new ol.style.Style({
         stroke: new ol.style.Stroke({