相关疑难解决方法(0)

在传单和地图框中，我想去掉地图上方和下方的两个灰色条，如下图所示。我的 #map DOM 元素占据全屏，并且当我放大时灰色条消失（例如，zoomLevel = 3）。因此，灰色条似乎是由于 ZoomLevel 具有给定的图块高度（以 px 为单位）而导致的，该高度小于我的屏幕。

我想保持图块相同的缩放级别，但确保图块的高度至少覆盖全屏。

这是我的地图设置代码：

                vm.map = L.map('map', {
                    center: [35, 15],
                    zoom: 2,
                    maxZoom: 21,
                    scrollWheelZoom: true,
                    maxBounds: [
                    [89.9, 160.9],
                    [-89.9, -160.9]
                    ],
                    zoomControl: false,
                    noWrap: true,
                    zoomAnimation: true,
                    markerZoomAnimation: true,
                });

我使用的是 Angular，屏幕尺寸为 1920 x 1080