leaflet.js禁用重复的世界地图

Question

我们需要在主世界地图的左侧和右侧禁用重复的世界地图，默认显示。 问题是我们需要精确的缩放级别，有时候传单显示重复... 是否可以删除重复项？

Answer 1

您将停用平铺图层的noWrap属性。文档here

var layer = new L.TileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
    noWrap: true
});

Answer 2

如果你使用 react-leafet 你可以在 tileLayer 组件中设置这个属性：

<MapContainer
            center={{ lat: 51.505, lng: -0.09 }}
            zoom={5}
            style={mapStyle}
            scrollWheelZoom={true}
          >
            <TileLayer
              noWrap={true}
              url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
            />
          </MapContainer>