diff --git a/src/constants/src/default-settings.ts b/src/constants/src/default-settings.ts index 70887c4bd9..f8c8184dcf 100644 --- a/src/constants/src/default-settings.ts +++ b/src/constants/src/default-settings.ts @@ -1127,6 +1127,11 @@ export const MAP_CONTROLS = keyMirror({ */ export const PROJECTED_PIXEL_SIZE_MULTIPLIER = 2 / 3; +/** + * Maximum value for text outline width + */ +export const TEXT_OUTLINE_MULTIPLIER = 5; + export const dataTestIds: Record = { infoIcon: 'info-icon', warningIcon: 'warning-icon', diff --git a/src/layers/src/base-layer.ts b/src/layers/src/base-layer.ts index 02d82730eb..2541e98018 100644 --- a/src/layers/src/base-layer.ts +++ b/src/layers/src/base-layer.ts @@ -46,7 +46,8 @@ import { UNKNOWN_COLOR_KEY, DEFAULT_HIGHLIGHT_COLOR, DEFAULT_LAYER_LABEL, - PROJECTED_PIXEL_SIZE_MULTIPLIER + PROJECTED_PIXEL_SIZE_MULTIPLIER, + TEXT_OUTLINE_MULTIPLIER } from '@kepler.gl/constants'; import { @@ -1370,7 +1371,7 @@ class Layer { getTextAnchor: textLabel[i].anchor, getAlignmentBaseline: textLabel[i].alignment, getColor: textLabel[i].color, - outlineWidth: textLabel[i].outlineWidth, + outlineWidth: textLabel[i].outlineWidth * TEXT_OUTLINE_MULTIPLIER, outlineColor: textLabel[i].outlineColor, background, getBackgroundColor: textLabel[i].backgroundColor,