Replaces the MapView's overlays.

The following format is used for describing map markers:

{
    lineWidth: 2,
    strokeColor: '#348',
    fillColor: '#348',
    overlayType: 'polygon', // or polyline
    startCap: 'round', // available round, butt, square
    endCap: 'round,' // available round, butt, square
    lineJoin: 'miter', // available round, bevel, miter
    coordinates: [
        { latitude: 59.911567, longitude: 10.741030 },
        { latitude: 60.011567, longitude: 10.941030 },
        { latitude: 60.111567, longitude: 11.001030 },
    ]
}

Example

The following example places a map overlay

<NativeViewHost>
    <MapView ux:Name="myMapView" />
</NativeViewHost>

<JavaScript>
    myMapView.setOverlays([
        {
            lineWidth: 2,
            strokeColor: '#348',
            fillColor: '#348',
            overlayType: 'polygon',
            coordinates: [
                { latitude: 59.911567, longitude: 10.741030 },
                { latitude: 60.011567, longitude: 10.941030 },
                { latitude: 60.111567, longitude: 11.001030 },
            ]
        }
    ]);
</JavaScript>

Location

Namespace
Fuse.Controls
Package
Fuse.Maps 2.9.1