WordPressのページにGoogle Mapを埋め込もうとしたのですが、まったく何も表示されません。

http://weed777.sakura.ne.jp/wordpress/?p=5
ヘッダーには十分な情報を入れていると思うのですが・・・

原因を教えていただければと思います。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/02/06 22:14:22
  • 終了:2012/02/07 00:21:05

ベストアンサー

id:Cherenkov No.1

Cherenkov回答回数1502ベストアンサー獲得回数4922012/02/06 22:52:50

ポイント100pt

現在は288px x 0pxで表示されている状態でした。

<div id="map_canvas" style="width:40%; height:40%"></div>

widthやheightを%で指定する場合は親のブロック要素のサイズを設定する必要があります。
.postのwidth,heightをpxでサイズ設定すれば正しく表示されますが、今回は#map_canvasの%指定をpxに変えたほうがいいです。


上の例では「map_canvas」という名前の

を定義し、style 属性でそのサイズを設定しています。この値は携帯端末で適切なサイズに拡張されるよう「100%」に設定されています。これらの値はブラウザの画面サイズに合わせて調整の必要があるかもしれません。地図は常にそのサイズを、地図を収容する要素のサイズから取るので、
のサイズは常に明示的に設定する必要があります。
Google Map JavaScript API V3 チュートリアル - Google Maps JavaScript API V3 - Google Code


参考

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません