私のアプリケーションでは、マップのdivを次のように作成していました
<div id="map" style="height: 610px; width:100%"></div>
ただし、マップをレスポンシブにするために、height: 100%
その後、動作していません。
どのデバイスでもマップを適切に表示できるように、高さを幅のように可変にするにはどうすればよいですか。
デモ: http://jsfiddle.net/CcYp6/
マップの高さと幅を変更すると、マップは取得されません。
JavaScriptでdivサイズを設定する必要があります。
$("#map").height($(window).height()).width($(window).width());
map.invalidateSize();
完全な例 here を見つけることができます。
新しいブラウザではheight = "100vh"を使用してください。でも、大丈夫です。