スポンサードリンク

Google Maps APIの全画面表示スタイルシート フルスクリーン高さ100%の指定

Google Maps APIで地図の高さを100%にして、フルスクリーンにする方法

日本語サイトには、説明の良いサイトが無かったので、海外サイトを見ていたらありました。(感謝!)

地図左上に”Show Highlighted Code”があるのでクリック。HTM記述がハイライト表示でわかりやすく記述されています。

つまりGoogle Maps を高さ100%で表示するには、”body”、”div”、”HTML”を100%に指定する必要があるとのこと。

headerタグ内でbodyとhtmlのスタイルを100%と指定しておき、かつマップを表示させるdivの高さも100%、幅も100%にスタイルシート(CSS)で指定しろとのことらしい。

試しに、上記サンプル地図のコードをheader内にスタイル指定したらちゃんとフルスクリーン表示されました。

スポンサードリンク

Related Posts

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img localsrc="" alt="">