为什么Leaflet/Mapbox缩放和图层控制缺少标记？

Question

我们使用mapbox 1.5.2加载我们自己的图块,代码如下:

var mapLayer = L.tileLayer('http://192.168.1.2/tiles/{z}/{x}/{y}.png',
                            {maxZoom: 18}
);
var satLayer = L.tileLayer('http://192.168.1.2/images/{z}/{x}/{y}.png',
                            {maxZoom: 18}
);
var hybridLayer = L.tileLayer('http://192.168.1.2/roads/{z}/{x}/{y}.png',
                               {maxZoom: 18}
);
var satGroup = L.layerGroup([satLayer,hybridLayer]);
var baseLayers = {"OSM":mapLayer, "Sat":satGroup};
L.control.layers(baseLayers).addTo(map);

并获得以下地图:

对照怎么了？我应该在缩放中使用加号/减号,并为多个图层设置图层的"煎饼堆栈".FWIW,控件工作正常.

Answer 1

在离线模式下使用时,至少需要三个文件,mapbox.css,mapbox.js和images/icons-404040.png.我使用以下url来获取png文件(随着版本的变化,这可能会发生变化):http: //api.tiles.mapbox.com/mapbox.js/v1.5.2/images/icons-404040.png

在mapbox.css级别创建一个images子目录,并将该文件放入其中.我的应用程序现在正在运行

这是文件的图片: