2014-05-10 55 views
0

我是新手冊和地圖框。我用mapbox製作了一張貼圖,上面有自己的瓷磚圖層,我用tilemill導出爲mbtiles並用mb-util提取。從我的localhost測試一切都很好,但是當我從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); 

+0

你能包括一個鏈接到您的網站?或者一個證明問題的jsfiddle? – sfletche

+0

@sfleche哦抱歉,當然是。這是鏈接,放大地圖:http://geo-information.de/TestMapbox.html – user3623155

+0

我沒有看到您的傳單/地圖框代碼有任何明顯的問題。我想知道問題是否是NEG瓦片層自己。是否有任何理由不對你的NEG覆蓋使用vector/geojson(非平鋪)圖層? – sfletche

回答

0

某處有問題,你的服務器,或者您創建的出口:瓷磚重定向到對方。例如,打開

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

在瀏覽器中,並重定向到

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

這就是爲什麼瓦片被重複。

+0

謝謝你的回答,並且對不起,我的重複需要這麼長時間。我嘗試了幾件事,但沒有找到解決我的問題的方法。我認爲你是對的,但我怎樣才能防止瓷磚重定向? – user3623155