タグ: Google Maps

GoogleMap APIがDOCTYPEによって表示されない場合の対処方法

Google マップをGoogle Maps JavaScript API を使ってサイトやアプリに表示させる際に、以下の条件だと表示がされない。

  • <!DOCTYPE html>の指定（推奨だけど）
  • HTML上の表示個所がCSSで横幅、縦幅ともに%で指定

対処方法

いずれか。

  • DOCTYPEをstrict などに変える
  • HTML上の表示個所の縦幅をpx指定など（%以外）にする

ブラウザによっても差異があるのかも知れないし、理由については分かりませんが、取り急ぎこれで大丈夫そう。

change_history