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

Set 100% Height to the Map in Mobile Applications


Product Progress® Kendo UI® Map for jQuery
Operating System Windows 10 64bit
Visual Studio Version Visual Studio 2017
Preferred Language JavaScript


How can I set the height of the Kendo UI for jQuery Map to 100% on mobile?


The following example demonstrates how to use the Map widget in a Kendo UI Mobile View and set the height for the Map to 100%.

    <div data-role="view" data-init="createMap" data-stretch="true">
      <div id="map"></div>
      function createMap() {
          center: [51.505, -0.09],
          zoom: 3,
          layers: [{
            type: "bing",
            imagerySet: "aerialWithLabels",
            key: "AqaPuZWytKRUA8Nm5nqvXHWGL8BDCXvK8onCl2PkC581Zp3T_fYAQBiwIphJbRAK"

See Also

In this article