Google Maps APIで地図の高さを100%にして、フルスクリーンにする方法
日本語サイトには、説明の良いサイトが無かったので、海外サイトを見ていたらありました。(感謝!)
地図左上に”Show Highlighted Code”があるのでクリック。HTM記述がハイライト表示でわかりやすく記述されています。
つまりGoogle Maps を高さ100%で表示するには、”body”、”div”、”HTML”を100%に指定する必要があるとのこと。
headerタグ内でbodyとhtmlのスタイルを100%と指定しておき、かつマップを表示させるdivの高さも100%、幅も100%にスタイルシート(CSS)で指定しろとのことらしい。
試しに、上記サンプル地図のコードをheader内にスタイル指定したらちゃんとフルスクリーン表示されました。
関連記事一覧
スポンサードリンク
Leave a Comment