人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

WordPressのページにGoogle Mapを埋め込もうとしたのですが、まったく何も表示されません。
http://weed777.sakura.ne.jp/wordpress/?p=5
ヘッダーには十分な情報を入れていると思うのですが・・・

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

●質問者: weed_7777
●カテゴリ:コンピュータ ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
●100ポイント ベストアンサー

現在は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


参考
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ