Full Screen Map

[Jason]

Hello, I'm trying to make the kendo map full screen with the following CSS:

#map {
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
            position: absolute !important;
            z-index: 9;
            background-color: #ccc;
        }

 

But, when I zoom and slide the map around, I get "whitespace" on the sides that doesn't go away. I've attached a picture of what I see. 

Is there a better way of doing this? 

Thanks! 

[Stefan]

Hello Jason,

I noticed that the undesired side effect occurs only when the Map is zoomed out on maximum as then the size is different. In this scenario, I can suggest setting the minZoom property to 2 as this will keep the Map on fullscreen:

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/map#configuration-minZoom

http://dojo.telerik.com/ulEzU

I hope this will help to achieve the desired result.

Regards,
Stefan
Telerik by Progress

[Jason]

Thanks so much for the reply Stefan. I was using an older version of Kendo which was causing this issue. I have updated it to use the most recent release with which, like you, I don't this issue anymore.

Thanks again! -Jason