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

    var map = $("#map").data("kendoMap");
    var markerLayer = map.layers[0];
    
    // Create a new marker
    var newMarker = new kendo.dataviz.map.Marker([40.7128, -74.0060], {
        title: "New York"
    });
    
    // Add the marker to the layer
    markerLayer.add(newMarker);
    
    console.log("Marker added. Total markers:", markerLayer.items.length);
</script>