自定義貼圖未加載 - Leafletjs

Question

我正在關注如何創建自己的自定義貼圖。我將圖片切片爲瓦片，但是當我查看頁面時沒有加載任何內容。

中的JavaScript：

L.tileLayer('/Users/ranichd/Desktop/maptest/{z}_{x}_{y}.png', { 
    minZoom: 1, 
    maxZoom: 6, 
    attribution: 'David' 
}).addTo(map); 

的CSS：

#carpmap2 { 
    height: 400px; 
    width: 900px; 
    margin: auto; 
    padding: 10px; 
    border: 1px solid black; 
} 

了地圖圖塊的屏幕截圖：

最後，結果我得到：

我該如何做這項工作？

Answer 1

你的瓷磚必須由http server服務。

L.tileLayer('http://yourhost/maptest/{z}_{x}_{y}.png', { 
    minZoom: 1, 
    maxZoom: 6, 
    attribution: 'David' 
}).addTo(map);