fix: improve hit detection of routing layer

geops · Nov 22, 2024 · 15dbf29 · 15dbf29
1 parent 12ef93e
commit 15dbf29
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/ol/controls/RoutingControl.ts b/src/ol/controls/RoutingControl.ts
@@ -400,6 +400,7 @@ class RoutingControl extends Control {
         }
         return false;
       },
+      hitDetection: this.routingLayer,
       pixelTolerance: 6,
       source: this.routingLayer?.getSource() || undefined,
     });

diff --git a/src/ol/styles/routingStyle.ts b/src/ol/styles/routingStyle.ts
@@ -48,13 +48,23 @@ const routingStyle: StyleFunction = (
   if (minResolution && maxResolution && !inRange) {
     return [];
   }
+
+  const zIndex = feature?.getGeometry()?.getType() === 'Point' ? 100 : 0;
+
+  let styles = [blackBorder, redLine];
   const mot = feature.get('mot');
 
-  if (mot !== 'foot') {
-    return [blackBorder, redLine];
+  if (mot === 'foot') {
+    styles = [dashedRedLine];
   }
 
-  return [dashedRedLine];
+  styles = styles.map((style) => {
+    const tmp = style.clone();
+    tmp.setZIndex(zIndex);
+    return tmp;
+  });
+
+  return styles;
 };
 
 export default routingStyle;