フルスクリーントグルは、Googleマップ

Question

のために私は特定の場所をGoogleマップ上に追加されたプロジェクトに取り組んでいます。すべてうまく動作します：http://www.secret-vault.com/nostradamus/locations.html

トグル（jQuery）ボタンを追加してフルスクリーン（Escボタンでエスケープすることができます）に変更しました。

 $("#map_toggler").click(function() { 
      $("#map").toggleClass("fullscreen") 
     }); 

とフル画面にマップを変更するために支援するCSSを使用：

#map.fullscreen { 
    position: fixed !important; 
    top:0; 
    left:0; 
    z-index:1; 
    width:100%; 
    height: 100%; 
    margin:0; 
    padding:0; 
} 

私は、これが問題の根本的だったかどうかを確認するためなどパディングをリセットします。

問題は...フルスクリーンになる場合もありますが、それ以外の場合は高さがいっぱいになるか元の高さに戻ります。特に、ズームイン/ズームアウト時に発生します。

ここにも同様のQ.：How do I create a show full screen button to toggle my google maps page to be full screen?がありますが、この解決策はやっていないようです。ちらつき効果は、APIのバグによって引き起こされるEmmanual

から洞察へ

Answer 1

ありがとうございます。ズームを変更すると、マップは元のコンテナサイズを探します。明らかに、サイズパラメータは、ズーム設定内の特定の要素に取り込まれます。

これは、マップをフルスクリーンに設定してから、コンテナに合わせて変更することで解決できます。 この記事の詳細をご覧ください：Google maps responsive resize

ありがとうサポート員。