front: fix map marker offset

Set the `offset` prop to define the image "hotspot" (ie, pixel coordinate where the sign is planted on). Signed-off-by: Simon Ser <[email protected]> Closes: #9633
OpenRailAssociation · Nov 26, 2024 · eabc327 · eabc327
1 parent a2b230f
commit eabc327
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/front/src/modules/simulationResult/components/SimulationResultsMap/RenderItinerary.tsx b/front/src/modules/simulationResult/components/SimulationResultsMap/RenderItinerary.tsx
@@ -38,18 +38,18 @@ export default function RenderItinerary({
 
   return (
     <Source type="geojson" data={geojsonPath}>
-      <Marker longitude={originLongitude} latitude={originLatitude} anchor="bottom">
+      <Marker longitude={originLongitude} latitude={originLatitude} anchor="bottom" offset={[0, 8]}>
         <img src={originIcon} alt="origin" />
       </Marker>
       {vias.map(([longitude, latitude], index) => (
-        <Marker key={`via-${index}`} longitude={longitude} latitude={latitude} anchor="bottom">
+        <Marker key={`via-${index}`} longitude={longitude} latitude={latitude} anchor="bottom" offset={[0, 8]}>
           <img src={viaIcon} alt={`via ${index + 1}`} />
           <span className={cx('map-pathfinding-marker', 'via-number', 'stdcm-via')}>
             {index + 1}
           </span>
         </Marker>
       ))}
-      <Marker longitude={destinationLongitude} latitude={destinationLatitude} anchor="bottom">
+      <Marker longitude={destinationLongitude} latitude={destinationLatitude} anchor="bottom" offset={[0, 8]}>
         <img src={destinationIcon} alt="destination" />
       </Marker>
       <OrderedLayer