Add legacy routes

main.js

@@ -7,9 +7,10 @@ import Point from 'ol/geom/Point';
 import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
 import {Circle as CircleStyle, Fill, Icon, Stroke, Style} from 'ol/style';
 import {OSM, Vector as VectorSource} from 'ol/source';
-import {useGeographic, fromLonLat} from 'ol/proj';
-import geojsonRoute from './geo/route.json'
-import geojsonPOI from './geo/poi.json'
+import {useGeographic} from 'ol/proj';
+import geojsonRoute from './geo/r2b22-route.json'
+import geojsonPOI from './geo/r2b22-poi.json';
+import geojsonLegacy from './geo/legacy-route.json';
 
 useGeographic();
 
@@ -114,6 +115,18 @@ async function main() {
     style: styles.iconVan
   });
 
+  //
+  // Legacy routes
+  //
+
+  const vectorSourceLegacy = new VectorSource();
+  vectorSourceLegacy.addFeatures(new GeoJSON().readFeatures(geojsonLegacy));
+
+  const legacyLayer = new VectorLayer({
+    source: vectorSourceLegacy,
+    style: styles.lineOrange
+  });
+
   //
   // Map initialization
   //
@@ -133,6 +146,7 @@ async function main() {
       }),
       stagesCompletedLayer,
       stagesAheadLayer,
+      legacyLayer,
       poiLayer,
       trackedPointsLayer
     ],