MapView.setOverlays(overlays) Method (JS)
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