Tip on displaying map from node in views (with tabs.module)

I think this is a similar issue: http://drupal.org/node/128658
It seems GMap and JsTools don't like each other

I've managed to display the map with the jstools tab module. It works with some tweaks. I use gmap views to display node maps, and want them to show up in tabs. I also made the tabs module suppport ajax, but this seems impossible to work with gmap, and maybe a to heavy feature, especially now, when you can bind markers as you want. But maps in tabs is a nice feature, but to make it work I have to call the Drupal.gmap.setup() function on tab change in tabs.js. This is not preferable, when the map loads two times. The first one on page load, and the second one on tab change. What I think is possible is to make a bind function to the gmap; on tab change. The best solution will be to redraw the map on tab change, and this bind should be placed in a gmap_tabs.js file in the bas module. I do think it is the right choice to make tabs support gmap, and not vice versa. I will look into this, but some help would be nice. I'm not steady on javascript bind, but hopefully I will be able to figure it out.

I tried the tip in #3 with the help of someone who knows a bit of js and got:

Drupal.tabsAddClasses = function() {
  $('ul.anchors.tabs.primary')
    .find('.active')
    .removeClass('active')
    .end()
    .find('.tabs-selected')
    .addClass('active');
    Drupal.gmap.setup();
}

This works great on the tabset where I have the map. Unfortunately, this affects wherever the tabs module is used and caused an error of "too much recursion" on another set. I'm wondering if anyone has had any more luck with this and has a better place to put it? The comment implies that this isn't the best way to do it but there's no further follow-up.

Thanks,

Michelle

Ok, thanks to bdragon, I've got this working on my site. Hopefully this can help someone else.

On the page that has the tabs with a map, you need to add:

<script>
Drupal.gmap.addHandler('gmap',function(elem) {
var obj = this;
obj.bind('checkresize',function() {
obj.map.checkResize();
});
});
</script>

Then, in tabs.js you need:

Drupal.tabsAddClasses = function() {
  $('ul.anchors.tabs.primary')
    .find('.active')
    .removeClass('active')
    .end()
    .find('.tabs-selected')
    .addClass('active');
    if (Drupal.gmap) {Drupal.gmap.globalChange('checkresize',-1)};
}

That's working for me.

Michelle

This doesn't seem to translate to 6.x