私はあなたが参照したブログ投稿の1つの著者です。
同じ問題を抱えている他の人の場合:ここでの問題は、ショーのアニメーションが終了したときにサイズ変更イベントをトリガーする必要があるという事実に依存しています。
これを行うには、 google.maps.event.trigger(map, "resize");
アニメーションの終了コールバックを呼び出します。
したがって、あなたの場合(送信したリンクの場合)、次のことを行う必要があります。
次のファイルを編集します。
/wp-content/themes/anuncios/includes/js/theme-scripts.js
そしてこれを置き換えます:
/* Tab Control home main */
jQuery(function($) {
var tabContainers = $('div.tabcontrol > div');
tabContainers.hide().filter(':first').show();
$('div.tabcontrol ul.tabnavig a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).fadeIn(100);
$('div.tabcontrol ul.tabnavig a').removeClass('selected');
$(this).addClass('selected');
return false;
}).filter(':first').click();
});
これとともに:
/* Tab Control home main */
jQuery(function($) {
var tabContainers = $('div.tabcontrol > div');
tabContainers.hide().filter(':first').show();
$('div.tabcontrol ul.tabnavig a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).fadeIn(100, function(){
if(map != undefined && map != null)
google.maps.event.trigger(map, "resize");
});
$('div.tabcontrol ul.tabnavig a').removeClass('selected');
$(this).addClass('selected');
return false;
}).filter(':first').click();
});
パート2
次のコードを見つけます。
$(tabs).click(function() {
// hide all tabs
$(tabContainers).hide().filter(this.hash).fadeIn(500);
$(tabs).removeClass('selected');
$(this).addClass('selected');
return false;
});
そしてそれを
$(tabs).click(function() {
// hide all tabs
$(tabContainers).hide().filter(this.hash).fadeIn(500, function(){
if(map != undefined && map != null)
google.maps.event.trigger(map, "resize");
});
$(tabs).removeClass('selected');
$(this).addClass('selected');
return false;
});
そして、あなたのバグは修正されます。今回はローカルでダウンロードしてテストしたので、100%確実に機能します。