Leaflet.js映射移动高度问题

Question

我有一张地图正在尝试整合到移动网络应用中。 我在地图的高度调整方面遇到问题。 我现在正在使用此代码，您可以看到它看起来很丑，因为它并没有完全出现在下图中：

<div id="map" style="height: 400px;"></div>

我也尝试使用代码：

<div id="map" style="height: 100%;"></div>

但是，使用该代码根本不会出现地图问题，并且chromes inspect元素中未报告任何错误。

Answer 1

初始化地图后，需要根据窗口高度设置地图的高度

$('#map').height($(window).height()+'px');

如果您的窗口高度中包含标题，就像您所附加的图像一样，则在设置map div的高度时，需要排除该标题的高度。

例如，您的标题的高度为50px，因此可以这样设置地图的高度

$('#map').height($(window).height()-50+'px');