Draw polygon on MapBox map in Xamarin forms - xamarin

Question

I am using Mapbox for Xamarin.Forms NuGet to implement MapBox on Xamarin forms.
But I am not able to draw polygon on map.
Code:
Naxam.Controls.Mapbox.Forms.PolylineAnnotation polyline = null;
if (polyline == null)
{
polyline = new Naxam.Controls.Mapbox.Forms.PolylineAnnotation
{
HexColor = “#ff1234”,
Width = 100
};
}
// Set coordinates
List<CompanyGeoFenceVM> cordinates = new List<CompanyGeoFenceVM>();
var savedCordinates = Preferences.Get(“cordinates”, “”);
if (!string.IsNullOrEmpty(savedCordinates))
{
cordinates = JsonConvert.DeserializeObject<List<CompanyGeoFenceVM>>(savedCordinates);
}
foreach (var cordinate in cordinates)
{
if (polyline.Coordinates == null)
{
polyline.Coordinates = new ObservableCollection<Naxam.Controls.Mapbox.Forms.Position>
{ new Naxam.Controls.Mapbox.Forms.Position(cordinate.Latitude, cordinate.Longitude) };
}
else
{
(polyline.Coordinates as ObservableCollection<Naxam.Controls.Mapbox.Forms.Position>)
.Add(new Naxam.Controls.Mapbox.Forms.Position(cordinate.Latitude, cordinate.Longitude));
}
}
List<Naxam.Controls.Mapbox.Forms.PolylineAnnotation> polylineAnnotations = new List<Naxam.Controls.Mapbox.Forms.PolylineAnnotation>();
polylineAnnotations.Add(polyline);
//show polygon
map.Polylines = polylineAnnotations;
map.ZoomLevel = Device.RuntimePlatform == Device.Android ? 8 : 10;
Xamarin.Forms.Maps.Position position = await NexgenGeocoder.ReverseGeocode(Preferences.Get(“address”, “”));
map.Center = new Naxam.Controls.Mapbox.Forms.Position(position.Latitude , position.Longitude);
Here i am trying to add the polygon. cordinate is variable which has the coodinates required data to process. kindly help me on this. Thank you.

Answer 1

Included Naxam nuget package and plotted the polygon using Polyline. At last need to add a custom line to complete the Polyline area.
Naxam.Controls.Mapbox.Forms.PolylineAnnotation polyline = null;
ObservableCollection<Naxam.Controls.Mapbox.Forms.Annotation> annotations;
annotations = new ObservableCollection<Naxam.Controls.Mapbox.Forms.Annotation>();
//Add Polygon
if (polyline == null)
{
polyline = new Naxam.Controls.Mapbox.Forms.PolylineAnnotation
{
Id = "my_polyline",
Title = "Polygon",
HexColor = "#ff1234",
Width = 1
};
}
foreach (var cordinate in cordinates)
{
if (polyline.Coordinates == null)
{
polyline.Coordinates = new ObservableCollection<Naxam.Controls.Mapbox.Forms.Position>
{ new Naxam.Controls.Mapbox.Forms.Position(cordinate.Latitude, cordinate.Longitude) };
}
else
{
(polyline.Coordinates as ObservableCollection<Naxam.Controls.Mapbox.Forms.Position>)
.Add(new Naxam.Controls.Mapbox.Forms.Position(cordinate.Latitude, cordinate.Longitude));
}
}
//We are using polylines so we have to add ending point to line.
if (polyline.Coordinates != null)
(polyline.Coordinates as ObservableCollection<Naxam.Controls.Mapbox.Forms.Position>)
.Add(new Naxam.Controls.Mapbox.Forms.Position(cordinates[0].Latitude, cordinates[0].Longitude));
annotations.Add(polyline);
mapview.Annotations = annotations;