0

最初に Google マップを小さなボックスに入れてみました。ユーザーがボタンをクリックすると、完全なマップ コントローラーを備えたより大きなマップが表示されます。カラーボックスを使用してエフェクトを作成します。問題は、大きなマップが表示されると、右と下に空のタイルがあり、マップが適切に中央に配置されていないことです。 http://jsfiddle.net/TX94H/2/map.setCenter(mapcenter); をご覧ください。カラーボックスの情報が必要な場合は、こちら: http://www.jacklmoore.com/colorbox/

助けてください、私は必死です！

4

1 に答える 1

1

マップで「サイズ変更」イベントを発生させる必要があります。

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

マップが表示されたらサイズ変更が確実に行われるようにするために、これを使用しました：

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

おそらくもっと良い方法があります。ボックスが表示された後にカラーボックスライブラリがイベントを発生させているかどうかを確認する必要があります（以下の私のコメントを参照してください。解決策が見つかりました）。

見てみな：

フィドルのデモ

于 2013-09-09T13:34:29.477 に答える