TomTom Maps for JavaScript
    Preparing search index...

    Type Alias GeometryLineConfig

    Line/border configuration for geometries.

    Controls the outline appearance of polygon geometries.

    // Basic border
    const lineConfig: GeometryLineConfig = {
      lineColor: '#333333',
      lineWidth: 2,
      lineOpacity: 0.8
    };

    // Data-driven border
    const dynamicLine: GeometryLineConfig = {
      lineColor: ['get', 'borderColor'],
      lineWidth: ['case', ['get', 'selected'], 4, 2],
      lineOpacity: 1
    };
    type GeometryLineConfig = {
        lineColor?: DataDrivenPropertyValueSpecification<string>;
        lineOpacity?: DataDrivenPropertyValueSpecification<number>;
        lineWidth?: DataDrivenPropertyValueSpecification<number>;
    }
    Index

    Properties

    lineColor? lineOpacity? lineWidth?

    Properties

    lineColor?: DataDrivenPropertyValueSpecification<string>

    Color of the geometry border/outline.

    '#0080FF'

    lineColor: '#333333'
    lineColor: ['get', 'borderColor']
    lineOpacity?: DataDrivenPropertyValueSpecification<number>

    Opacity of the border line.

    Value between 0 (fully transparent) and 1 (fully opaque).

    1

    lineOpacity: 0.8
    lineWidth?: DataDrivenPropertyValueSpecification<number>

    Width of the border line in pixels.

    2

    lineWidth: 3

    // Highlight selected geometries
    lineWidth: ['case', ['get', 'selected'], 4, 2]

    Settings

    Member Visibility

    On This Page

    Properties