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