Remove markers and polylines from map about blazorgooglemaps

[valentasm1]

Could you provide sample of code?

[yiyoMX]

<GoogleMap @ref="@map1" Id="map1" Options="@mapOptions">
@code {
    private GoogleMap map1;
    private MapOptions mapOptions;
    private List markers;
    private List _events = new List();
    private LatLngBounds bounds;
    private List polylines = new List();
    private Polyline polyline;

    async Task AddMarkers(List records)
    {
        for (int i = 0; i < records.Count; i++)
        {
            var markerPosition = new LatLngLiteral { Lat = TelematicsRecords[i].Latitude, Lng = TelematicsRecords[i].Longitude };
            var marker = await Marker.CreateAsync(map1.JsRuntime, new MarkerOptions()
            {
                Position = markerPosition,
                Map = map1.InteropObject,
                Label = $"{i}",
                ZIndex = records.Count,
                Visible = true,
                Icon = "http://maps.google.com/mapfiles/ms/icons/purple-dot.png"
            });
            markers.Add(marker);
        }

    }

This adds the markers, how do I remove them? I tried setting markers = null, and doesn't work.

[valentasm1]

You should track marker which you want to remove. You could use marker Guid propert.
In your example to remove first marker you could do

var firstMarker = markers.FirstOrDefault();
await firstMarker.SetMap(null);

[valentasm1]

You could check example
https://github.com/rungwiroon/BlazorGoogleMaps/blob/master/ServerSideDemo/Pages/MapMarker.razor.cs

[valentasm1]

Closing.