fix(newDefineAreaMap): layer style color change to distinguish differ…

…ent layers
hotosm · Dec 2, 2024 · 77e2a98 · 77e2a98
1 parent 81a14e5
commit 77e2a98
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/frontend/src/views/NewDefineAreaMap.tsx b/src/frontend/src/views/NewDefineAreaMap.tsx
@@ -6,6 +6,7 @@ import { VectorLayer } from '@/components/MapComponent/OpenLayersComponent/Layer
 import { DrawnGeojsonTypes, GeoJSONFeatureTypes } from '@/store/types/ICreateProject';
 import MapControlComponent from '@/components/createnewproject/MapControlComponent';
 import LayerSwitchMenu from '@/components/MapComponent/OpenLayersComponent/LayerSwitcher/LayerSwitchMenu';
+import { defaultStyles } from '@/components/MapComponent/OpenLayersComponent/helpers/styleUtils';
 
 type NewDefineAreaMapProps = {
   drawToggle?: boolean;
@@ -65,6 +66,7 @@ const NewDefineAreaMap = ({
               duration: 500,
             }}
             onModify={onModify}
+            style={{ ...defaultStyles, lineColor: '#0fffff', lineThickness: 2 }}
           />
         )}
         {isDrawOrGeojsonFile && !splittedGeojson && (
@@ -80,6 +82,7 @@ const NewDefineAreaMap = ({
             onModify={onModify}
             zoomToLayer
             getAOIArea={getAOIArea}
+            style={{ ...defaultStyles, lineColor: '#0fffff', lineThickness: 2 }}
           />
         )}
 
@@ -93,6 +96,7 @@ const NewDefineAreaMap = ({
               duration: 500,
             }}
             zoomToLayer
+            style={{ ...defaultStyles, lineColor: '#D73F37', lineThickness: 1, fillColor: '#D73F37' }}
           />
         )}
         {buildingExtractedGeojson && (