front: kps: adjust position label

Author: nicolaswurtz

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

@@ -15,20 +15,17 @@ export function getBufferStopsLayerProps(params: { sourceTable?: string }): Omit
       'text-field': '{extensions_sncf_kp}',
       'text-font': ['Roboto Condensed'],
       'text-size': 10,
-      'text-offset': [0, 1.2],
+      'text-offset': [1, 0.2],
       'icon-image': 'HEURTOIR',
       'icon-size': 0.2,
-      'text-anchor': 'center',
+      'text-anchor': 'left',
       'icon-rotation-alignment': 'viewport',
       'icon-allow-overlap': false,
       'icon-ignore-placement': false,
       'text-allow-overlap': false,
     },
     paint: {
-      'text-color': '#555',
-      'text-halo-width': 2,
-      'text-halo-color': 'rgba(255,255,255,0.75)',
-      'text-halo-blur': 1,
+      'text-color': '#333',
     },
   };
 

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]],
         ],
       }
     : {
@@ -62,7 +64,7 @@ export default function configKPLabelLayer(props: PlatformProps) {
     maxzoom,
     minzoom,
     layout: {
-      'text-field': ['concat', 'PK ', ['get', fieldName]],
+      'text-field': ['get', fieldName],
       'text-font': ['Roboto Medium'],
       'text-size': 9,
       'text-anchor': 'right',