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