我们使用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,控件工作正常.
在离线模式下使用时,至少需要三个文件,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子目录,并将该文件放入其中.我的应用程序现在正在运行
这是文件的图片: