front: platform layer is enabled only when OSM is

front/public/locales/en/map-settings.json

@@ -14,11 +14,11 @@
   },
   "noSpeedLimitByTag": "No composition code",
   "operationalpoints": "Operational points",
+  "platforms":"Platforms",
   "routes": "Train blocks",
   "signals": "Signals",
   "signalingtype": "Signalling block type",
   "signalisation": "Signaling",
-  "signals": "Light signals",
   "showIGNBDORTHO": "BD Ortho photo ©IGN",
   "showIGNSCAN25": "SCAN PLAN/25/100 ©IGN",
   "showIGNCadastre": "Cadastre ©IGN",

front/public/locales/en/translation.json

@@ -161,7 +161,8 @@
       "signals": "Signals",
       "switches": "Switches",
       "track_sections": "Track sections",
-      "speed_sections": "Speed limits"
+      "speed_sections": "Speed limits",
+      "platforms": "Platforms"
     },
     "layers-modal": {
       "frozen-layer": "needed for the active tool",
@@ -185,7 +186,7 @@
       "recenter": "Recenter the map",
       "select-infra": "Select the infrastructure to edit",
       "toggle-layers": "Choose the types of elements to display",
-      "osrd-layers": "OSRD data layers",
+      "osrd-layers": "Data layers",
       "speed-limits": "Speed limits",
       "map-layers": "Map layers"
     },

front/public/locales/fr/map-settings.json

@@ -14,11 +14,11 @@
   },
   "noSpeedLimitByTag": "Aucun code de composition",
   "operationalpoints": "Points remarquables",
+  "platforms":"Quais",
   "routes": "Cantons",
   "signals": "Signals",
   "signalingtype": "Type de block",
   "signalisation": "Signalisation",
-  "signals": "Signaux lumineux",
   "showIGNBDORTHO": "BD Ortho photo ©IGN",
   "showIGNSCAN25": "SCAN PLAN/25/100 ©IGN",
   "showIGNCadastre": "Cadastre ©IGN",

front/public/locales/fr/translation.json

@@ -161,7 +161,8 @@
       "signals": "Signaux",
       "switches": "Aiguillages",
       "track_sections": "Sections de lignes",
-      "speed_sections": "Vitesses limites"
+      "speed_sections": "Vitesses limites",
+      "Platforms": "Quais"
     },
     "layers-modal": {
       "frozen-layer": "nécessaire pour l'outil actif",
@@ -185,7 +186,7 @@
       "recenter": "Recentrer la carte",
       "select-infra": "Choisir l'infrastructure à éditer",
       "toggle-layers": "Choisir les types d'éléments à afficher",
-      "osrd-layers": "Couches de données OSRD",
+      "osrd-layers": "Couches de données",
       "speed-limits": "Limitations de vitesse",
       "map-layers": "Couches cartographiques"
     },

front/src/applications/editor/Map.tsx

@@ -20,7 +20,7 @@ import Terrain from 'common/Map/Layers/Terrain';
 import Background from 'common/Map/Layers/Background';
 import OSM from 'common/Map/Layers/OSM';
 import Hillshade from 'common/Map/Layers/Hillshade';
-import Platforms from 'common/Map/Layers/Platforms';
+import PlatformsLayer from 'common/Map/Layers/Platforms';
 import { useMapBlankStyle } from 'common/Map/Layers/blankStyle';
 import IGN_BD_ORTHO from 'common/Map/Layers/IGN_BD_ORTHO';
 import { getInfraID } from 'reducers/osrdconf/selectors';
@@ -288,7 +288,8 @@ const MapUnplugged: FC<PropsWithChildren<MapProps>> = ({
               />
             </>
           )}
-          <Platforms
+
+          <PlatformsLayer
             colors={colors[mapStyle]}
             layerOrder={LAYER_GROUPS_ORDER[LAYERS.PLATFORMS.GROUP]}
           />

front/src/applications/editor/components/LayersModal.tsx

@@ -3,6 +3,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { groupBy, mapKeys, mapValues, sum, isString, isArray, uniq } from 'lodash';
 import { useTranslation } from 'react-i18next';
 import { MdSpeed } from 'react-icons/md';
+import { TbRectangleVerticalFilled } from 'react-icons/tb';
 
 import bufferStopIcon from 'assets/pictures/layersicons/bufferstop.svg';
 import switchesIcon from 'assets/pictures/layersicons/switches.svg';
@@ -32,6 +33,10 @@ export const LAYERS: Array<{ layers: LayerType[]; icon: string | JSX.Element }>
   { layers: ['speed_sections'], icon: <MdSpeed style={{ width: '20px' }} className="mx-2" /> },
   { layers: ['psl', 'psl_signs'], icon: pslsIcon },
   { layers: ['catenaries'], icon: <GiElectric style={{ width: '20px' }} className="mx-2" /> },
+  {
+    layers: ['platforms'],
+    icon: <TbRectangleVerticalFilled style={{ width: '20px' }} className="mx-2" />,
+  },
 ];
 
 const NO_SPEED_LIMIT_TAG = 'undefined';

front/src/applications/editor/tools/routeEdition/components.tsx

@@ -2,7 +2,7 @@ import React, { FC, useContext } from 'react';
 import { useSelector } from 'react-redux';
 import { useTranslation } from 'react-i18next';
 
-import { compact, isEmpty } from 'lodash';
+import { compact } from 'lodash';
 import EditorContext from 'applications/editor/context';
 import colors from 'common/Map/Consts/colors';
 import GeoJSONs from 'common/Map/Layers/GeoJSONs';

front/src/applications/editor/tools/types.ts

@@ -26,6 +26,7 @@ export const LAYERS = [
   'speed_sections',
   'switches',
   'track_sections',
+  'platforms',
 ] as const;
 export const LAYERS_SET: Set<string> = new Set(LAYERS);
 export type LayerType = (typeof LAYERS)[number];

front/src/applications/referenceMap/Map.tsx

@@ -26,7 +26,7 @@ import IGN_CADASTRE from 'common/Map/Layers/IGN_CADASTRE';
 import OSM from 'common/Map/Layers/OSM';
 /* Objects & various */
 import OperationalPoints from 'common/Map/Layers/OperationalPoints';
-import Platforms from 'common/Map/Layers/Platforms';
+import PlatformsLayer from 'common/Map/Layers/Platforms';
 import Routes from 'common/Map/Layers/Routes';
 import SearchMarker from 'common/Map/Layers/SearchMarker';
 import Signals from 'common/Map/Layers/Signals';
@@ -154,7 +154,7 @@ function Map() {
           </>
         )}
 
-        <Platforms
+        <PlatformsLayer
           colors={colors[mapStyle]}
           layerOrder={LAYER_GROUPS_ORDER[LAYERS.PLATFORMS.GROUP]}
         />

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

@@ -10,7 +10,7 @@ import { LayerType } from 'applications/editor/tools/types';
 import { RootState } from 'reducers';
 import { MapState } from 'reducers/map';
 import { getInfraID } from 'reducers/osrdconf/selectors';
-import { LAYER_ENTITIES_ORDERS } from 'config/layerOrder';
+import { LAYERS, LAYER_ENTITIES_ORDERS, LAYER_GROUPS_ORDER } from 'config/layerOrder';
 import { Theme } from 'types';
 import { geoMainLayer, geoServiceLayer } from './geographiclayers';
 import {
@@ -46,6 +46,7 @@ import { LayerContext } from './types';
 import { getCatenariesProps, getCatenariesTextParams } from './Catenaries';
 import configKPLabelLayer from './configKPLabelLayer';
 import OrderedLayer from './OrderedLayer';
+import { Platforms } from './Platforms';
 
 const POINT_ENTITIES_MIN_ZOOM = 12;
 
@@ -465,7 +466,6 @@ const GeoJSONs: FC<{
   if (skipSources) {
     return null;
   }
-
   return (
     <>
       {sources.map((source) => (
@@ -481,6 +481,11 @@ const GeoJSONs: FC<{
           ))}
         </Source>
       ))}
+
+      {/* platform's data are not managed by OSRD, that's why they are here */}
+      {layers?.has('platforms') && (
+        <Platforms colors={colors} layerOrder={LAYER_GROUPS_ORDER[LAYERS.PLATFORMS.GROUP]} />
+      )}
     </>
   );
 };

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

@@ -5,13 +5,15 @@ import OrderedLayer from 'common/Map/Layers/OrderedLayer';
 import { OSM_URL } from 'common/Map/const';
 
 import { Theme } from 'types';
+import { useSelector } from 'react-redux';
+import { RootState } from 'reducers';
 
 interface PlatformsProps {
   colors: Theme;
   layerOrder?: number;
 }
 
-function Platforms(props: PlatformsProps) {
+export function Platforms(props: PlatformsProps) {
   const { colors, layerOrder } = props;
 
   const platformsParams: LayerProps = {
@@ -37,4 +39,9 @@ function Platforms(props: PlatformsProps) {
   );
 }
 
-export default Platforms;
+function PlatformsState(props: PlatformsProps) {
+  const { layersSettings } = useSelector((state: RootState) => state.map);
+  return layersSettings.platforms ? <Platforms {...props} /> : null;
+}
+
+export default PlatformsState;

front/src/common/Map/Settings/MapSettingsLayers.tsx

@@ -3,6 +3,7 @@ import { useSelector, useDispatch } from 'react-redux';
 import { useTranslation } from 'react-i18next';
 import { updateLayersSettings } from 'reducers/map';
 import { GiElectric, GiUnplugged } from 'react-icons/gi';
+import { TbRectangleVerticalFilled } from 'react-icons/tb';
 
 import SignalsSVGFile from 'assets/pictures/layersicons/layer_signal.svg';
 import BufferStopSVGFile from 'assets/pictures/layersicons/bufferstop.svg';
@@ -93,6 +94,9 @@ const MapSettingsLayers: FC<unknown> = () => (
         icon={<Icon2SVG file={DetectorsSVGFile} altName="Detectors circles svg" />}
       />
     </div>
+    <div className="col-md-6">
+      <FormatSwitch name="platforms" icon={<TbRectangleVerticalFilled />} />
+    </div>
   </div>
 );
 

front/src/config/layerOrder.ts

@@ -69,4 +69,5 @@ export const LAYER_ENTITIES_ORDERS: Record<LayerType, number> = Object.freeze({
   psl: LAYER_GROUPS_ORDER[LAYERS.SIGNALS.GROUP],
   psl_signs: LAYER_GROUPS_ORDER[LAYERS.SIGNALS.GROUP],
   errors: LAYER_GROUPS_ORDER[LAYERS.ERRORS.GROUP],
+  platforms: LAYER_GROUPS_ORDER[LAYERS.PLATFORMS.GROUP],
 });

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

@@ -30,7 +30,7 @@ import NeutralSections from 'common/Map/Layers/NeutralSections';
 import Hillshade from 'common/Map/Layers/Hillshade';
 import OSM from 'common/Map/Layers/OSM';
 import OperationalPoints from 'common/Map/Layers/OperationalPoints';
-import Platforms from 'common/Map/Layers/Platforms';
+import PlatformsLayer from 'common/Map/Layers/Platforms';
 import RenderItinerary from 'modules/simulationResult/components/SimulationResultsMap/RenderItinerary';
 import Routes from 'common/Map/Layers/Routes';
 import SearchMarker from 'common/Map/Layers/SearchMarker';
@@ -279,7 +279,7 @@ const Map: FC<MapProps> = ({ setExtViewport }) => {
           </>
         )}
 
-        <Platforms
+        <PlatformsLayer
           colors={colors[mapStyle]}
           layerOrder={LAYER_GROUPS_ORDER[LAYERS.PLATFORMS.GROUP]}
         />

front/src/modules/trainschedule/components/ManageTrainSchedule/Map.tsx

@@ -17,7 +17,7 @@ import NeutralSections from 'common/Map/Layers/NeutralSections';
 import Hillshade from 'common/Map/Layers/Hillshade';
 import OSM from 'common/Map/Layers/OSM';
 import OperationalPoints from 'common/Map/Layers/OperationalPoints';
-import Platforms from 'common/Map/Layers/Platforms';
+import PlatformsLayer from 'common/Map/Layers/Platforms';
 import RenderItinerary from 'modules/trainschedule/components/ManageTrainSchedule/ManageTrainScheduleMap/RenderItinerary';
 import RenderItineraryMarkers from 'modules/trainschedule/components/ManageTrainSchedule/ManageTrainScheduleMap/RenderItineraryMarkers';
 /* Interactions */
@@ -201,7 +201,7 @@ function Map() {
           </>
         )}
 
-        <Platforms
+        <PlatformsLayer
           colors={colors[mapStyle]}
           layerOrder={LAYER_GROUPS_ORDER[LAYERS.PLATFORMS.GROUP]}
         />

front/src/reducers/map/index.ts

@@ -41,6 +41,7 @@ export interface MapState {
     speedlimits: boolean;
     switches: boolean;
     tvds: boolean;
+    platforms: boolean;
   };
   issuesSettings?: {
     types: Array<InfraErrorType>;
@@ -83,6 +84,7 @@ export const mapInitialState: MapState = {
     speedlimits: false,
     switches: false,
     tvds: false,
+    platforms: true,
   },
   mapSearchMarker: undefined,
   lineSearchCode: undefined,

front/src/reducers/map/mapReducer.spec.ts

@@ -129,6 +129,7 @@ describe('mapReducer', () => {
       switches: true,
       tvds: true,
       errors: true,
+      platforms: true,
     };
     store.dispatch(updateLayersSettings(layersSettings));
     const mapState = store.getState().map;