ムッシューの日記

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

OpenLayersで地図を画面一杯に表示する方法(その2)


以前の記事で書いた内容でも一部ブラウザでまだ地図が画面一杯にならないことがあたので、追加の対策です。

最早どうCSSを設定してもダメでしたので、以下のようにJavascriptで地図表示後にサイズを変えることで対処できました。

<script>
window.onload = function(){
  document.getElementById("map").style.height = (document.documentElement.clientHeight-20) + 'px';
  document.getElementById("map").style.width = (document.documentElement.clientWidth-10) + 'px';
}
 </script>

次へ 投稿

前へ 投稿

© 2017 ムッシューの日記

テーマの著者 Anders Norén