Actually fix path drawing order

index.js

@@ -313,7 +313,6 @@ function redrawMap(){
             mapctx.stroke();
         }
     }
-    Directions.drawPolyline(mapctx, trackWidth);
     let curSprite;
     let spriteSize;
     let textMeasure;
@@ -322,10 +321,10 @@ function redrawMap(){
     for(const marker of MapData.markers){
         curSprite = null;
         marker.visible = false;
-        if(marker.hidden || (marker.minZoom && MapData.view.scale < marker.minZoom) || (marker.maxZoom && MapData.view.scale > marker.maxZoom)) continue;
+        if(!marker.ignoreCulling && (marker.hidden || (marker.minZoom && MapData.view.scale < marker.minZoom) || (marker.maxZoom && MapData.view.scale > marker.maxZoom))) continue;
         let markerX = MapData.view.convertX(marker.position.x);
         let markerY = MapData.view.convertY(marker.position.z);
-        if(markerX > mapCanvas.width + Config.viewCullMargin || markerX < -Config.viewCullMargin || markerY > mapCanvas.height + Config.viewCullMargin || markerY < -Config.viewCullMargin) continue; // View Culling
+        if(!marker.ignoreCulling && (markerX > mapCanvas.width + Config.viewCullMargin || markerX < -Config.viewCullMargin || markerY > mapCanvas.height + Config.viewCullMargin || markerY < -Config.viewCullMargin)) continue; // View Culling
         switch(marker.type){
             case 'dummy_polyline':
                 Directions.drawPolyline(mapctx, trackWidth);

js/directions.js

@@ -221,11 +221,11 @@ export function drawPolyline(ctx, trackWidth){
         if(i === 0) ctx.moveTo(x, y);
         else ctx.lineTo(x, y);
     }
-    ctx.strokeStyle = '#0b1220cc';
+    ctx.strokeStyle = '#0b122088';
     ctx.lineWidth = outline;
     ctx.stroke();
 
-    ctx.strokeStyle = '#4fa3ff';
+    ctx.strokeStyle = '#4fa3ffdd';
     ctx.lineWidth = width;
     ctx.stroke();
     ctx.restore();

js/mapdata.js

@@ -308,7 +308,10 @@ export function addPoi(poiData, level = 0){
             newPoi.radius = poiData.radius;
             break;
         default:
-            if(poiData.type.startsWith('dummy_')) break;
+            if(poiData.type.startsWith('dummy_')){
+                newPoi.ignoreCulling = true;
+                break;
+            }
             newPoi.tooltip = `<h1>${newPoi.name}</h1>${poiData.description ? '<hr>'+poiData.description : ''}`;
             newPoi.minZoom = 0.07;
             break;