読者です 読者をやめる 読者になる 読者になる

リア充爆発日記

You don't even know what ria-ju really is.

google mapが表示されない

ハマった。ハマったよー。
ハマった割に原因はわかってないんだけど。

少なくとも以下の条件が揃うとgoogle mapは表示されない

<!DOCTYPE html>
~
<div id="map_canvas" style="width: 100%; height: 100%"></div>
~

条件とは上記のように

  • HTML5のDOCTYPE宣言がある
    • HTML5のじゃないやつでもなるかも。試している時間ない。少なくとも上記のDOCTYPEを消したら表示された
  • google mapを描画するブロックのスタイルのwidthとheightの両方が%指定
    • widthとheightの指定は必須
    • widthだけ100%でheightがpx指定とかはいける
  • 少なくともSafariChromeで再現

他にもパターンはあると思うけど、ホント時間がないんです><
すみません!今原因を調べている時間がないから、原因を知っている人がいたら教えてプリーズ!