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指定とかはいける
- 少なくともSafariとChromeで再現
他にもパターンはあると思うけど、ホント時間がないんです><
すみません!今原因を調べている時間がないから、原因を知っている人がいたら教えてプリーズ!