Skip to main content

    ConnectionLayer

    The ConnectionLayer component renders connections between points on a map, accepting an array of Connection data points with required properties like latitude and longitude. It supports customization of color, thickness, direction the connection indicators.

    OverviewProperties

    ConnectionLayer​

    ConnectionLayerProps

    Signature:

    export declare type LayerProps<T extends > = <T> & (<T> | );

    Connection

    Signature:

    export declare type Connection = { /** Array of connections */ path: []; };
    NameTypeDefaultDescription
    path
    []

    Array of connections

    Location

    NameTypeDefaultDescription
    latitude

    The latitude coordinate of the location.

    longitude

    The longitude coordinate of the location.

    CurvedLine

    Signature:

    export declare type CurvedLine = | ;

    Tooltip​

    ConnectionLayerTooltipData

    NameTypeDefaultDescription
    color

    The hovered connection color

    thickness

    The hovered connection thickness

    data
    T

    The hovered connection custom data and path locations

    ConnectionLayerTooltipHandler

    Signature:

    export declare type ConnectionLayerTooltipHandler = (connectionData: ) => ;

    ConnectionLayerTooltipHandlerProps

    NameTypeDefaultDescription
    children?
    |

    The ConnectionLayer tooltip handler template

    Still have questions?
    Find answers in the Dynatrace Community