Google maps 谷歌地图Javascript API v3，Jquery选项卡

我已经尽了一切可能。。未统一所有javascript，仍然无法在选项卡内正确加载映射

尝试使用此自定义代码也没有成功

jQuery('.tabs-shortcode > ul').bind('tabsshow', function(e, ui) {
           if (ui && ui.panel) {
                          jQuery('.mapp-canvas', ui.panel).each(function() {
                                         var id = jQuery(this).attr('id');
                                         if (id) {
                                                        window[id].resize();
                                         }
                          });
           }

}))

网页：

提前感谢,，

---

Andy

我认为当选项卡打开时，您可能需要触发地图的调整大小事件

google.maps.event.trigger(map, "resize");

---

但是我没有尝试，这个代码可以解决这个问题。 请尝试此代码

jQuery('.tabs-shortcode > ul').bind('tabsshow', function(e, ui) {
  if (ui && ui.panel) {
    jQuery('.mapp-canvas', ui.panel).each(function() {
      var id = jQuery(this).attr('id');
      if (id) {
        window[id].resize();
      }
      setTimeout(function(){
        if (mapp0) {
          google.maps.event.trigger(mapp0.getMap(), "resize");
        }
      }, 1000);
    });
  }
});

---

非常感谢您，但我不知道如何将此应用于我的具体案例。如果您能更详细地介绍一下实际的代码更改，我将不胜感激。AndyOh，您正在使用地图的word press插件。嗯，我正在阅读文档…实际上，如果你能看一下修改后的代码，我现在正在使用iframe。。现在的问题是地图没有居中放置标记…单击标记；然后在生成嵌入代码之前打开infowindow。请尝试这个。好的，我确实尝试了这个，但不幸的是仍然是同一个问题：（这里是另一个解决方案，不幸的是它不起作用，但可能提供一些见解..这不会有帮助，因为问题不在于地图或插件。问题是tabs控件没有触发tabsshow事件。让我们尝试一下，它应该（希望）更正选项卡控件并修复这两个问题：1）删除我在下面给您的自定义代码2）在custom.js文件中更改此：jQuery（'.tabs shortcode>ul'）.tabs（{fx:{opacity:'toggle'，duration:150}）；到jQuery（'.tabs shortcode'）.tabs（{fx:{opacity:'toggle'，duration:150}）；