Support » Plugin: Comprehensive Google Map Plugin » [Plugin: Comprehensive Google Map Plugin] Google Comprehensive Maps in jQuery Tabs

Viewing 7 replies - 1 through 7 (of 7 total)
  • I hope this will be fixed soon I need this plugin to work with any jquery plugins.

    The css fix work ok with WP UI (paste code in custom css field) but I’m trying to use it with a more basic plugin Collapse-O-Matic and I can’t figure out what to change in the CSS.

    leoloso

    (@leoloso)

    Hi, I found a solution, unluckily you must hack CGMP code but at least it works
    1. Wrap all the content of file cgmp.function.js under a function, and then call it at the end:

    function my_cgmp() {
    	(function () {
    		if (typeof jQuery === "undefined" || jQuery == null ) {
    			var done = false;
    ...
    					//});
    			}(jQueryObj));
    		}
    	})();
    }
    my_cgmp();

    2. Call this function when the tab with the map is shown (example using Bootstrap):

    function cgmp_reset_map() {
    
    	jQuery(document).ready(function($) {
    
    		$('#myTab a[data-toggle="tab"]').on('shown', function (e) {
    
    			if (e.target.hash == '#contact-map') {
    				my_cgmp();
    			}
    		})
    	});
    }

    FranceImage

    (@franceimage)

    Hi,

    there may be a simpler solution

    have a look here: https://code.google.com/p/wordpress-geo-mashup/issues/detail?id=333

    leoloso

    (@leoloso)

    Hi FranceImage, thanks a lot, you’re completely right, I implemented it and it works perfectly! 🙂

    Hi

    Couldn’t apply the CSS fix on the WordPress Theme I’m using called Ultimatum. It has it’s own Tabs shortcode.

    That’s my site

    Also noticed that the map finally loads properly but only after a very long time – more than 2 minutes!

    Any ideas?

    Thanks 🙂

    Hi,

    There is a flaw you can report to your theme developer: there is no style for the hidden tab content.

    Your hidden panes are styled with class=”tab-content”
    They should have something like class=”tab-content tab-hidden”

    Then only you can solve the google map problem

    .tab-content .tab-hidden {
       position: absolute;
       left: -10000px;
    }

    Does it make sense ?

    Hi

    Thanks for your quick reply 🙂

    Yes that makes sense.

    I went on to install a third party Tabs plugin but seems that this one doesn’t load the map at all. Tabs looks nice though 🙂

    Link Here

    Any ideas?

    Cheers

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Plugin: Comprehensive Google Map Plugin] Google Comprehensive Maps in jQuery Tabs’ is closed to new replies.