asp.net - タブパネル内のasp.netとGoogleマップ

Question

タブ パネル内のマップに問題があります。これは私が示すものです: http://www.pixelfarm.it/gmaps.png ブラウザ ウィンドウのサイズを変更すると、すべて問題なく動作します。どうすればこれを解決できますか? 前もって感謝します

Answer 1

私がしたことは、関数 JavaScript を作成することでした。

function resize() {
                google.maps.event.trigger(map, 'resize');
}

次に、TabContainer にプロパティを追加します。

OnClientActiveTabChanged="resize
     <asp:TabContainer ID="tcEntidades" runat="server" ActiveTabIndex="0"   OnClientActiveTabChanged="resize">

Answer 2

ユーザーがマップのタブをクリックするたびにサイズ変更機能をトリガーする必要があります...ここに基本的なコードがあります...それはあなたを助けるかもしれません

$(document).ready(function(){
  $('#maptab').bind('onClick', function() {
    google.maps.event.trigger(map, 'resize');
  });
});