layers.tooltip.content Object|String|Function

The text or a function which result will be shown within the tooltip. By default the tooltip will display the target element title attribute content.

Example - extract the content from target marker

<div id="map"></div>
<script>
    $("#map").kendoMap({
        layers: [{
            type: "marker",
            tooltip: {
                content: function(e) {
                    var marker = e.sender.marker;
                    return marker.options.location.toString();
                }
            },
            dataSource: {
                data: [{
                    latlng: [0, 0]
                }]
            },
            locationField: "latlng"
        }]
    });
</script>

Example - content as static text

<div id="map"></div>
<script>
    $("#map").kendoMap({
        layers: [{
            type: "marker",
            tooltip: {
                content: "Foo"
            },
            dataSource: {
                data: [{
                    latlng: [0, 0]
                }]
            },
            locationField: "latlng"
        }]
    });
</script>

layers.tooltip.content.url String

Specifies a URL or request options that the tooltip should load its content from.

Note: For URLs starting with a protocol (e.g. http://), a container iframe element is automatically created. This behavior may change in future versions, so it is advisable to always use the iframe configuration option.

Example - load content from remote URL

<div id="map"></div>
<script>
    $("#map").kendoMap({
        layers: [{
            type: "marker",
            tooltip: {
                  content: {
                    url: "https://demos.telerik.com/kendo-ui/content/web/tooltip/ajax/ajaxContent3.html"
                  },
                  width: 220,
                  height: 280
            },
            dataSource: {
                data: [{
                    latlng: [0, 0]
                }]
            },
            locationField: "latlng"
        }]
    });
</script>
In this article
Not finding the help you need? Improve this article