ムッシューの日記

2人の子供とのお出かけネタから趣味の釣りネタなど

OpenLayersで地図を画面一杯に表示する方法


OpenLayersを使った地図アプリを作っていたのですが、ブラウザによって地図が画面一杯にならなかったので、その時の対処法。

以下のようにpositionをfixedにするとうまく画面一杯に表示が広がってくれました。これがないと縦横比が固定の地図表示になってしまいます。

<style>
* {margin:0; padding:0;}
#map {
 height: 100%;
 width: 100%;
 float: left;
 position:fixed;
}
</style>
<div id="map"></div>

 

※一部のブラウザでは上記でも上手く表示されないことがありましたので、追加の対策を書きました。


次へ 投稿

前へ 投稿

© 2017 ムッシューの日記

テーマの著者 Anders Norén