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

Author: emersion

front/src/modules/simulationResult/components/SimulationResultsMap/RenderItinerary.tsx

@@ -38,18 +38,29 @@ 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