Leaflet.js 禁用重复的世界地图答案

【问题标题】：leaflet.js disable duplicated world mapsLeaflet.js 禁用重复的世界地图
【发布时间】：2013-12-17 15:29:43
【问题描述】：

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

【问题讨论】：

【解决方案1】：

您将禁用TiledLayer（扩展GridLayer）的noWrap 属性。文档here

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

【讨论】：

谢谢伙计！我错过了！
在 1.0 中不起作用，但我不会投票，只是分享。
所以我还没有使用 1.0，但我仍然在此处看到有关 noWrap 属性的文档：leafletjs.com/reference-1.0.0.html#gridlayer-nowrap，它似乎符合预期。什么不完全有效？
@PatrickD 根据这个问题一路底部github.com/Leaflet/Leaflet/issues/2981 在1.0+ 中使用noWrap 还必须设置TileLayer bounds

【解决方案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>

【讨论】：