[SOLVED] Map height 100%?

More
3 years 3 months ago - 3 years 3 months ago #4676 by Krx
Hello

Is it possible to set map height 100'%?
In gmap Joomla menu item it says px or % (attachment) but when I add 100% map is not shown.

Latest Joomla and GmapFP

Regards
Attachments:
Last edit: 3 years 3 months ago by Krx.

Please Log in or Create an account to join the conversation.

More
3 years 3 months ago #4677 by Krx
Replied by Krx on topic Map height 100%?
Le Bump?

I tried and tried but without success, it seems that it's impossible to get your map to use 100% of available space...

Please Log in or Create an account to join the conversation.

More
3 years 3 months ago #4678 by gmapfp
Replied by gmapfp on topic Map height 100%?
Hi,
It's a mistake in the text. It's impossible to put a height if a main div in %.

Please Log in or Create an account to join the conversation.

More
3 years 3 months ago #4679 by Krx
Replied by Krx on topic Map height 100%?
Hmm.. That's bad.

I've built empty template which has only <jdoc:include type="component" /> to display only gmapfp on specified url.
And there are many tutorials how to achieve Google Maps height 100%, like this: stackoverflow.com/questions/32928684/goo...ht-100-of-div-parent , I did one of my own to get coordinates for my other projects: www.znaor.com/gmap.php

Problem is that nothing of that works with GMapFP.
I tried to modify your code,; I removed hardcoded "px" and added 100% in joomla menu item height settings, but as soon as I add % in settings, GmapFP stops to render Google Map.

So for standard Google Map its doable, but not for GmapFP

Thanks for replying
Regards

Please Log in or Create an account to join the conversation.

More
3 years 3 months ago #4680 by gmapfp
Replied by gmapfp on topic Map height 100%?
I will check it.

Please Log in or Create an account to join the conversation.

More
3 years 3 months ago #4684 by gmapfp
Replied by gmapfp on topic Map height 100%?
Hi,

Make a custom module.
Activate it only on the full page.

In the content, write :
<script type="text/javascript">
    jQuery( document ).ready(function( ) {
        ma_div = jQuery("#print_zone_gmapfp div:eq(0)");
        ma_div.css('position', 'fixed');
        ma_div.css('top', '0');
        ma_div.css('left', '0');
        ma_div.css('height', '100%');
        jQuery("#print_zone_gmapfp div:eq(2)").css('height', '100%');
    });
</script>
The following user(s) said Thank You: Krx

Please Log in or Create an account to join the conversation.

Time to create page: 0.143 seconds
Powered by Kunena Forum
FaLang translation system by Faboba