如何删除传单地图末尾的空白答案

【问题标题】：How to remove blank space at the end of of my leaflet map如何删除传单地图末尾的空白
【发布时间】：2020-11-20 23:08:10
【问题描述】：

将我的地图平移到地球尽头时，您会看到底图的尽头，然后空白处显示那里没有底图。问题：如何删除空白区域并使地图在地球尽头结束，如传单底图所示。

地图创建的js代码 var mymap = L.map('mapid').setView([9.4258946,-0.8842213], 1);

 L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
    // attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
    maxZoom: 18,
    id: 'mapbox/streets-v11',
    
    tileSize: 512,
    zoomOffset: -1,
    accessToken: 'pk.eyJ1IjoiYXd1bWJvcm8iLCJhIjoiY2tmeDNkZmNrMW14YzJ6c3ZtOWxjM2c2cyJ9.Xc6_tLdj7UhBMwZNOleuDg'
}).addTo(mymap);

var markerIcon = L.icon({
    iconUrl: 'target.png',
    iconSize:     [20, 20], 
    iconAnchor:   [0, 0], 
    popupAnchor:  [-3, -76] // point from which the popup should open relative to the iconAnchor
});

CSS 代码

    .map{
    height: 100vh ;
    width: 100vw;
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

HTML 代码

        <div class="map" id="mapid" ></div>

【问题讨论】：

查看您的代码会更有帮助。也许你可以提供一个可重现的例子。
我只是添加了一些代码，也许你可以再看一下。

标签： javascript html css leaflet extent

【解决方案1】：

我对 Leaflet.js 不是很熟悉，但也许你可以试试这样的东西？

https://leafletjs.com/reference-1.7.1.html#map-maxbounds

当您创建地图时，添加最大边界选项并使用以下格式的值进行设置：

https://leafletjs.com/reference-1.4.0.html#latlngbounds

【讨论】：