Function MapDrawPolyline

depot/console/src/components/ui/map.tsx:1098–1132

({
    showLength = false,
    drawError = {
        color: "var(--color-destructive)",
    },
    shapeOptions = {
        color: "var(--color-primary)",
        opacity: 1,
        weight: 2,
    },
    ...props
}: DrawOptions.PolylineOptions)

}

function MapDrawPolyline({
    showLength = false,
    drawError = {
        color: "var(--color-destructive)",
    },
    shapeOptions = {
        color: "var(--color-primary)",
        opacity: 1,
        weight: 2,
    },
    ...props
}: DrawOptions.PolylineOptions) {
    const mapDrawHandleIcon = useMapDrawHandleIcon()

    return (
        <MapDrawShapeButton
            drawMode="polyline"
            createDrawTool={(L, map) =>
                new L.Draw.Polyline(map, {
                    ...(mapDrawHandleIcon
                        ? {
                              icon: mapDrawHandleIcon,
                              touchIcon: mapDrawHandleIcon,
                          }
                        : {}),
                    showLength,
                    drawError,
                    shapeOptions,
                    ...props,
                })
            }>
            <WaypointsIcon />
        </MapDrawShapeButton>
    )
}

function MapDrawCircle({
    showRadius = false,