2011-12-24 18 views
1

Google Maps API v3を使用しています。Googleマップ+ API v3のサイズを変更する

Chromeでは、地図は幅200ピクセルと高さ200ピクセルで設定されたdiv要素にうまく収まります。 Firefoxでは、画面全体を占有しようとします。私は誰もが知っている190

に190とhieghtに幅を設定するためのAPIを経由して、これを変更しようとしてきた

<div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;"> 

:私は、Googleマップは、この行がある使用するスタイリングコードに気づきましたこれを行う方法?

私はDIVに使用されるCSSスタイルは次の通りであった:
div.map {
高さ:190px;
幅:190px;
}

私はすでにそれがdiv要素のスタイルに基づいてサイズを変更するだろうと考え、私のAPI呼び出しにこれを追加しました:
google.maps.event.trigger(マップを、「サイズを変更」)

ハッピーホリデーを!

+0

これは、マップの最初の読み込み時にサイズが異なることを意味しますか? – defau1t

+0

サイズは必ずしも変化しません。ちょうどChromeがFirefoxには当てはまらないのに対し、Chromeにはフィットしているようだ。 –

+0

あなたのコードを投稿することができますので、私は見てみることができます – defau1t

答えて

1

インラインスタイルで幅/高さをハードコードする必要があります。私は同じ問題に遭遇した。その理由は、マップ内の他の要素を作成するために幅と高さを使用するからです。

<div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 190px; height: 190px; z-index: 0;"> 
関連する問題