Leaflet 瓷砖层内容在每个瓷砖上重复_Leaflet_Mapbox

Leaflet 瓷砖层内容在每个瓷砖上重复

leaflet mapbox

Leaflet 瓷砖层内容在每个瓷砖上重复,leaflet,mapbox,Leaflet,Mapbox,我不熟悉传单和地图盒。我用我自己的平铺层用mapbox构建了一个地图，我用tilemill制作了一个地图，导出为mbtiles，并用mb util提取。从我的本地主机测试，一切正常，但当我从Web服务器构建地图时，缩放地图时，图层内容在每个磁贴上重复。下面是我的代码。我不理解这种不同的行为以及如何避免这种情况。谁能帮帮我吗 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title&

我不熟悉传单和地图盒。我用我自己的平铺层用mapbox构建了一个地图，我用tilemill制作了一个地图，导出为mbtiles，并用mb util提取。从我的本地主机测试，一切正常，但当我从Web服务器构建地图时，缩放地图时，图层内容在每个磁贴上重复。下面是我的代码。我不理解这种不同的行为以及如何避免这种情况。谁能帮帮我吗

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Layers Control</title>

<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox.js/v1.6.2/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.2/mapbox.css' rel='stylesheet' />

<style>
  body { margin:0; padding:0; }
  #map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
<body>

<div id='map'></div>

<script type="text/javascript">

var map = L.map('map').setView([50.11, 8.86], 13);
map.setMaxBounds([[50.09, 8.797], [50.134, 8.889]]);

L.control.layers({
    'Base Map': L.mapbox.tileLayer('examples.map-9ijuk24y', { noWrap: true }).addTo(map),
    'OSM': L.tileLayer('http://{s}.www.toolserver.org/tiles/bw-mapnik/{z}/{x}/{y}.png', {
    attribution: '&copy; ' + '<a href="http://openstreetmap.org">OpenStreetMap</a>' + ' Contributors', noWrap: true
    })
}, {
    'NEG Dietesheimer Steinbrüche': L.tileLayer('tiles/leafNegGrenz/{z}/{x}/{y}.png', { maxZoom: 19, minZoom: 0, noWrap: true }).addTo(map), 
    'NEG Ausstattung': L.tileLayer('tiles/leafNegAus/{z}/{x}/{y}.png', { maxZoom: 19, minZoom: 0, noWrap: true })
}).addTo(map);


层控制
正文{margin:0；padding:0；}
#映射{位置：绝对；顶部：0；底部：0；宽度：100%；}
var map=L.map（'map'）.setView（[50.11,8.86]，13）；
map.setMaxBounds（[50.09,8.797]，[50.134,8.889]）；
控制层({
'Base Map'：L.mapbox.tillelayer（'examples.Map-9ijuk24y'，{noWrap:true}）.addTo（Map），
'OSM'：L.tileLayer（'http://{s}.www.toolserver.org/tiles/bw-mapnik/{z}/{x}/{y}.png'{
属性：'©；'+'+'贡献者'，noWrap:true
})
}, {
“NEG Dietheimer Steinbrüche”：L.tileLayer（'tiles/leafNegGrenz/{z}/{x}/{y}.png'，{maxZoom:19，minZoom:0，noWrap:true}）。addTo（map），
'NEG Ausstattung'：L.tillelayer（'tiles/leavengaus/{z}/{x}/{y}.png'，{maxZoom:19，minZoom:0，noWrap:true}）
}).addTo（地图）；

您的服务器或您创建的导出有问题：磁贴相互重定向。例如，打开

http://geo-information.de/tiles/leafNegGrenz/15/17190/11098.png

在浏览器中，它将重定向到

http://geo-information.de/tiles/leafNegGrenz/15/17190/11096.png

这就是互动程序重复的原因。

您可以添加指向站点的链接吗？还是一个可以证明问题的JSFIDLE？@sfleche哦，对不起，当然可以。这是链接，放大地图：我没有看到你的传单/地图框代码有任何明显的问题。我想知道问题是否出在NEG tile层本身。是否有任何理由不在NEG覆盖层中使用vector/geojson（非平铺）层？谢谢您的回答，所以我将尝试geojson。但是提拉工的行为对我来说还是很奇怪。谢谢你的回答，请原谅我重复了这么长时间。我尝试了几件事，但没有找到解决问题的办法。我认为你是对的，但我怎样才能防止这种情况？