0

クリックするとマップのサイズが拡大する展開ボタンのあるGoogleマップがあります。問題は、これが完了すると、地図が再描画されていないかのように灰色の領域を表示することです。

入れてみましたgoogle.maps.event.trigger(map, 'resize');が、どうにもならないみたいです。

私はもう試した：

<script type="text/javascript">
      jQuery(document).ready(function( $ ) {
          $("#expand").click(function(){
              $("#map").animate({height: '1000'}, 1500 );
              google.maps.event.trigger(map, 'resize');
          });
          });
</script>

マップの上にある展開リンクをクリックすると、マップが展開されますが、灰色の領域が表示されます。展開ボタンを再度クリックすると、灰色の領域が描画されます。アニメートでこれをトリガーするにはどうすればよいですか?

この質問に対する答えをスタックで検索して検索し、提案されていることをすべて試しましたが、まだ運がありません。人々は答えを受け入れたばかりか、最終的な解決策を完全に記入していないと思います。

4

1 に答える 1

2

の-callback または-callback でトリガーresizeします。completeprogressanimate

oncomplete (アニメーションが終了したとき):

$('#map').animate({height: '1000'}, 1500 ,
                  function(){google.maps.event.trigger(map, 'resize');});

onprogress (アニメーションの各ステップ):

$('#map').animate({height: '1000'},
                         {progress:function()
                                   {google.maps.event.trigger(map, 'resize');},
                          duration:1500} );
于 2013-02-27T11:01:36.993 に答える