I tried to recreate the map not appearing when in a hidden tab to no avail:
In my case, I have added a width and height to the div from which I initialize the Kendo UI Map, however, the map gets rendered without it with no problem.
Could you confirm that the map renders as expected when it is placed out of the hidden tab?
One thing which you may try is:
- set width/height of the HTML element with the kendo-map directive
- add a handler for the activate
event of the Kendo UI TabStrip
- get the map instance
and call its resize
method in the activate
event to see if this makes any difference
If this does not help, could you look at the provided example and edit it to best mimic your scenario and send back the newly generated URL from the address bar so I can inspect the behaviour and make suggestions.
Look forward to hearing back from you.
Telerik by Progress