在最大放大小冊子時顯示的多個大洲 - 僅在中心大陸顯示的數據

Question

此處新增了Leaflet用戶，並且我開發了一個從Oracle數據庫中提取geoJSON的映射應用程序。這一切都可以，但是如果我放大傳單的方式顯示該大陸的多個副本，我的數據只有在放大中心大陸時纔會顯示。我的問題是這是正常的？如何防止用戶在繼續向東或西方向移動時平移到另一個大陸？

Answer 1

您可以設置一個minZoom屬性來避免這種情況。

喜歡的東西：

var map = L.map('map', { 
    center: [51.505, -0.09], 
    minZoom: 4, 
    zoom: 13 
}); 

Docs Reference

編輯：也許我誤解你的問題。

要限制地圖視圖使用指定的界限：

map.setMaxBounds(LatLngBounds); 

setMaxBounds Reference

更具體地說：

map.setMaxBounds(L.latLngBounds(
    L.latLng(85, -180),  
    L.latLng(-85, 180)  
)); 

Answer 2

我懷疑這是正常的，我不相信Leaflet試圖在高變焦狀態下複製標記。

你可以嘗試啓用map.worldCopyJump，這聽起來像它可能適用於你的目的：

啓用該選項後，當您移動到另一個世界的 「複製」和無縫地圖的軌道跳到原始的一個，所以 所有覆蓋像標記和矢量圖層仍然可見。

如果失敗，請嘗試限制minZoom和/或設置maxBounds，like in this example：

var southWest = L.latLng(40.712, -74.227), 
    northEast = L.latLng(40.774, -74.125), 
    bounds = L.latLngBounds(southWest, northEast); 

var map = L.map('map', { 
    // set that bounding box as maxBounds to restrict moving the map 
    // see full maxBounds documentation: 
    // http://leafletjs.com/reference.html#map-maxbounds 
    maxBounds: bounds, 
    maxZoom: 19, 
    minZoom: 10 
}); 

// zoom the map to that bounding box 
map.fitBounds(bounds);