Add circle radius and circle stroke width as options

opendatasoft · Sep 19, 2023 · 2c89bb6 · 2c89bb6
1 parent 1a9af93
commit 2c89bb6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/packages/visualizations/src/components/MapPoi/types.ts b/packages/visualizations/src/components/MapPoi/types.ts
@@ -49,6 +49,8 @@ export type Layer = {
     type: LayerSpecification['type'];
     color: Color;
     borderColor?: Color;
+    circleRadius?: number;
+    circleStrokeWidth?: number;
     /**
      * Set a marker color based on a value.
      * If no match, default color comes from `color`

diff --git a/packages/visualizations/src/components/MapPoi/utils.ts b/packages/visualizations/src/components/MapPoi/utils.ts
@@ -54,15 +54,17 @@ export const getMapLayers = (layers?: Layer[]): CircleLayerSpecification[] => {
                 circleBorderColor = groupBordersByColors;
             }
         }
-        const { id, type, source, sourceLayer } = layer;
+        const {
+            id, type, source, sourceLayer, circleRadius = 7, circleStrokeWidth = 1.5
+        } = layer;
         return {
             id,
             type,
             source,
             ...(sourceLayer ? { 'source-layer': sourceLayer } : undefined),
             paint: {
-                'circle-radius': 7,
-                ...(circleBorderColor && { 'circle-stroke-width': 1.5 }),
+                'circle-radius': circleRadius,
+                ...(circleBorderColor && { 'circle-stroke-width': circleStrokeWidth }),
                 'circle-color': circleColor,
                 ...(circleBorderColor && { 'circle-stroke-color': circleBorderColor }),
             },