Forum | Appery.io

I have a Google Map component on a page working fine. Once I add a sliding panel to the page and run the app the google map is 90% covered by a grey div or something.

Hi Christo,

Should be working. Please give us a public link to your app.

Thank you,

I have mailed it to a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a

Christo,

Try changing function "resizeMap":
prefunction resizeMap() {
$("[dsid=googlemap_1]").height($(window.top).height() - 250);
var divs = $("[dsid=googlemap_1]");
if (divs.length) {
var mapDiv = divs.eq(0);
mapDiv.css("margin", "0");
mapDiv.css("display", "none");
mapDiv.height(mapDiv.parents($(window.top).height() - 250));
mapDiv.css("display", "block");
}
}/pre

Brilliant. You guys are amazing!