自定义贴图未加载 - 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);