map kendo.dataviz.ui.Map

The owner Map widget.

Example - add a layer to an existing map instance

<button class="k-button k-button-lg k-button-solid-primary" id="add">Add Layer</button>
<div id="map"></div>
<script>
  $("#add").on("click", function() {
    let map = $("#map").data("kendoMap"),
        layerOptions = {
        urlTemplate: "https://#= subdomain #.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png",
        subdomains: ["a", "b", "c"],
        attribution: "&copy; <a href='https://osm.org/copyright'>OpenStreetMap contributors</a>"
        };

    let layer = new kendo.dataviz.map.layers.TileLayer(map, layerOptions);
    map.layers.push(layer);
    layer.show();
  });

  function createMap() {
    $("#map").kendoMap({
      center: [45, 45],
      minZoom: 3,
      zoom: 4,
      wraparound: false
    });
  }

  $(document).ready(createMap);
</script>