<div id="map"></div>
<script>
    $("#map").kendoMap({
        layerDefaults: {
            marker: {
                tooltip: {
                    autoHide: false,
                    showOn: "click",
                    template: (data) => `<strong>${data.title}</strong><br/>${data.description}`,
                    position: "top"
                }
            }
        },
        layers: [{
            type: "marker",
            locationField: "latlng",
            titleField: "title",
            dataSource: {
                data: [{
                    latlng: [42.6977, 23.3219],
                    title: "Sofia",
                    description: "Capital of Bulgaria"
                }]
            }
        }]
    });
</script>