New to Kendo UI for jQuery? Start a free 30-day trial

Tooltip.content

configuration

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.

tooltip.content

Object|String|Function

<div id="map"></div>
<script>
  $("#map").kendoMap({
    layers: [{
      type: "tile",
      urlTemplate: "https://a.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png",
      attribution: "&copy; OpenStreetMap"
    }],
    markers: [
      {
        location: [42, 27],
        tooltip: {
          content: 'Map tooltip'              
        }
      }
    ]
  });
</script>

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.

<div id="map"></div>
<script>
$("#map").kendoMap({
    layers: [{
        type: "tile",
        urlTemplate: "https://a.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png",
        attribution: "&copy; OpenStreetMap"
    }],
    markers: [{
        location: [42.3601, 71.0589],
        tooltip: {
            content: {
                url: "/marker-details.html"
            },
            width: 300,
            height: 200
        }
    }]
});
</script>