fix: use round style for line-join and line-cap (#566)

* fix: use round style for line-join and line-cap * chore: do same for outline layer
dhis2 · Mar 13, 2024 · 476f5af · 476f5af
1 parent bac699c
commit 476f5af
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/utils/layers.js b/src/utils/layers.js
@@ -51,6 +51,10 @@ export const lineLayer = ({ id, color, width, opacity, source, filter }) => ({
         'line-width': widthExpr(width),
         'line-opacity': opacity ?? defaults.opacity,
     },
+    layout: {
+        'line-join': 'round',
+        'line-cap': 'round',
+    },
     filter: filter || isLine,
 })
 
@@ -84,6 +88,10 @@ export const outlineLayer = ({
         'line-width': widthExpr(width),
         'line-opacity': opacity ?? defaults.opacity,
     },
+    layout: {
+        'line-join': 'round',
+        'line-cap': 'round',
+    },
     filter: filter || isPolygon,
 })