Posted by drew29 on March 4, 2011 at 8:47pm
6 followers
Jump to:
| Project: | GMap Module |
| Version: | 7.x-2.x-dev |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | npralhad |
| Status: | needs work |
Issue Summary
Hej,
i have a problem to load correctly googlemaps into jquery tabs. It
loads the google maps but show only the half map the rest is grey. I have found some links that discuss about that, but I don't solve it without help.
another link: http://www.coldfusionjedi.com/index.cfm/2009/6/5/jQuery-Tabs-and-Google-...
I have try to use another css
.ui-tabs .ui-tabs-hide {
display:none;
}to
.ui-tabs .ui-tabs-hide {
position: absolute;
left: -10000px;
}in my node.tpl.php first i load this:
<?php
drupal_add_library('system', 'ui.tabs');
drupal_add_js('jQuery(document).ready(function(){jQuery("#tabs").tabs();});', 'inline');
?>
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script> and then I load the map
<?php
$latitude= $field_standort_klinik_a [0]['latitude'];
$longitude= $field_standort_klinik_a [0]['longitude'];
print gmap_simple_map($latitude, $longitude, '', 14, 8, 225, true, '');
?>but it does work for me
can you explain me how can I solve this?
greetings
drew29
Comments
#1
Subscribing
#2
You need a fix like this one #1064448: support gmap location cck vertical tabs - HACK to correctly render gmap location cck in vertical tab
#3
I have the same problem. Any suggestions?
#4
I had a similar problem loading GMAP in QTABS and VERTICAL TABS (i.e. tabs rendered through jQuery).
Somehow when the parent div (container) has display:none in css then this problem occurs.
Adding following to css has resolved the problem for me.
/********** CSS STARTS HERE***********/
.ui-tabs-hide,
.quicktabs-hide {
visibility:hidden;
position:absolute;
display: block; /*please add this line to your css*/
}
#5
can You provide a patch that fixes this?