front: kps: adjust position label

Author: nicolaswurtz

front/src/common/Map/Layers/GeoJSONs.tsx

@@ -149,6 +149,7 @@ function getSignalLayers(context: LayerContext, prefix: string): LayerProps[] {
     { ...getPointLayerProps(context), id: `${prefix}geo/signal-point` },
     {
       ...configKPLabelLayer({
+        bottomOffset: 6.5,
         colors: context.colors,
         fieldName: 'extensions_sncf_kp',
         minzoom: 12,

front/src/common/Map/Layers/OperationalPoints.tsx

@@ -146,7 +146,7 @@ export default function OperationalPoints(props: Props) {
         <OrderedLayer
           {...configKPLabelLayer({
             colors,
-            fieldName: 'extensions_sncf_kp',
+            fieldName: 'kp',
             minzoom: 9.5,
             sourceLayer: 'operational_points',
           })}

front/src/common/Map/Layers/Signals.tsx

@@ -83,6 +83,7 @@ function Signals(props: PlatformProps) {
       />
       <OrderedLayer
         {...configKPLabelLayer({
+          bottomOffset: 6.5,
           colors,
           fieldName: 'extensions_sncf_kp',
           minzoom: 12,

front/src/common/Map/Layers/configKPLabelLayer.tsx

@@ -4,6 +4,7 @@ import { LayerProps } from 'react-map-gl/maplibre';
 import { Theme } from 'types';
 
 interface PlatformProps {
+  bottomOffset?: number;
   colors: Theme;
   fieldName?: string;
   maxzoom?: number;
@@ -14,6 +15,7 @@ interface PlatformProps {
 
 export default function configKPLabelLayer(props: PlatformProps) {
   const {
+    bottomOffset = 2.5,
     colors,
     fieldName = 'kp',
     maxzoom = 24,
@@ -48,7 +50,7 @@ export default function configKPLabelLayer(props: PlatformProps) {
           ['literal', [-2.75, 0.2]],
           testSideExpression('RIGHT') as ExpressionFilterSpecification,
           ['literal', [2.75, 0.2]],
-          ['literal', [0, 2.5]],
+          ['literal', [0, bottomOffset]],
         ],
       }
     : {