親コンテナの100％を使用するGoogleマップを取得するにはどうすればよいですか？

私は多くの異なる方法でこれを実行しようとしているが、最も明白にはこのでした：動作しないこと親コンテナの100％を使用するGoogleマップを取得するにはどうすればよいですか？

var map2 = new GMap2(document.getElementById("map2"), {size:"100%"});

。

出典

2009-07-29 Artilheiro

これは自動的に行われます。おそらく他に干渉する何かがあります。いくつかのコードやリンクを投稿できますか？ちなみに、そこで使用している "size"要素は、次のように作成されたGSizeである必要があります。var size = new GSize（500,400）; –

それも私が期待したものです。解決策は私の問題をdivのインラインスタイルで解決しました。 GSizeを使用すると、パーセンテージを取らないため、動作しませんでした。ありがとうございました。 – Artilheiro

Google says：

あなたは、コンストラクタでGMapOptionsを使用してマップに対して明示的にサイズを指定しない限り、マップには、暗黙的にサイズ自体にコンテナのサイズを使用しています。

だからあなたのマップ・コンテナのサイズは、すべての利用可能なスペースを埋める設定：

<div id="map2" style="width: 100%; height: 100%"></div>

出典

2009-07-29 00:25:51 Keltex

イベントにwidth cssプロパティを追加する必要はありません。「div」は当然ブロックレベルの要素なので、親の幅に塗りつぶします:) – Alex

パーフェクト！私はパーセントを取らないGSizeを使用しようとしていました。 – Artilheiro

@Alex ...あなたが正しいです。明確にするためにそこに入れてください。 – Keltex

について動的にその大きさを計算すると、親コンテナだと明示的にGoogleマップ要素にそれらを設定する方法は？ 100％/ 100％の高さがうまくいかないと仮定します。

出典

2009-07-29 00:26:00

今日、jQueryを使用してその作業を行っています。これはほとんどの場合機能しますが、ユーザーがウィンドウのサイズを変更してもマップのサイズは変更されません。 – Artilheiro

ちょうど幅を指定する：100％;高さ：100％...私のため

十分ではなかった。しかし、私はそれが次BODYコードを使用して作業しました：

<body onload="initialize()" style="margin:0px; padding:0px;">

そして、次のマップコード使用：

<div id="map" style="width: 100%; height: 100%; position: relative; background-color: rgb(229, 227, 223); overflow: hidden;"></div>

をhttp://arve.epfl.ch/test/

/ショーン

出典

2011-07-14 09:58:16

<div class="some-pannel"> 
    <div class="map-wrapper"> 
     <div id="googleMap" style="width:100%;height:100%;"></div> 
    </div> 
</div> 

.some-pannel{ 
    position: relative; 
    width: 123px; 
    height 321px; 
} 
.map-wrapper{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

の結果を参照してください。

出典

2016-01-12 14:34:38 orsvog

親コンテナの100％を使用するGoogleマップを取得するにはどうすればよいですか？

答えて

関連する問題