<div id="map"></div>
<script>
    $("#map").kendoMap({
        layers: [{
            type: "marker",
            dataSource: [
                { latlng: [42.3601, -71.0589], name: "Boston" },
                { latlng: [40.7128, -74.0060], name: "New York" },
                { latlng: [34.0522, -118.2437], name: "Los Angeles" }
            ],
            locationField: "latlng"
        }]
    });

    var map = $("#map").data("kendoMap");
    var markerLayer = map.layers[0];
    
    console.log("Markers before clear:", markerLayer.items.length);
    
    // Clear all markers from the layer
    markerLayer.clear();
    
    console.log("Markers after clear:", markerLayer.items.length);
</script>