Skip to main content
MapPolyline(props: MapPolylineProps): Component;
​
coordinates
{ latitude: number; longitude: number }[]
required
An array of coordinate points that the polyline connects in order.
​
stroke
Component
Stroke color for the line. Pass a Color value, e.g. Color("blue").
​
lineWidth
number
Width of the stroke in points.

​
Support

​
Usage

​
Basic polyline

Map({ latitude: 37.7749, longitude: -122.4194, distance: 20000 }, [
    MapPolyline({
        coordinates: [
            { latitude: 37.7749, longitude: -122.4194 },
            { latitude: 37.8044, longitude: -122.2712 },
            { latitude: 37.3382, longitude: -121.8863 }
        ]
    })
])

​
Styled route line

Map({ latitude: 37.7749, longitude: -122.4194, distance: 50000 }, [
    MapPolyline({
        coordinates: [
            { latitude: 37.7749, longitude: -122.4194 },
            { latitude: 37.5585, longitude: -122.2711 },
            { latitude: 37.3382, longitude: -121.8863 }
        ],
        stroke: Color("blue"),
        lineWidth: 4
    }),
    Marker({ latitude: 37.7749, longitude: -122.4194, title: "Start" }),
    Marker({ latitude: 37.3382, longitude: -121.8863, title: "End" })
])

​
See Also