Онлайн и оффлайн тайлы в Leaflet

Question

У меня возникают различные проблемы при попытке показать листы из двух разных источников в Leaflet:

• 1: первый вид не совпадает с центром, который я определил, но если я переместлю окно, центр карты изменится, и он будет центрирован правильно. Я не знаю, почему листовка делает это, так как он работает правильно только с одним источником плиток
• 2: когда я переключаю форму с одного слоя на другой, ничего не происходит
• 3: загружаются не все данные, даже для онлайн-сервера плиток.

Мой код:

var mapOnlineUrl = 'http://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png';
var mapOfflineUrl = 'data/tiles/{z}/{x}/{y}.png';

var onlineTile = L.tileLayer(mapOnlineUrl, {attribution: mapAttribution});
var offlineTile = L.tileLayer(mapOfflineUrl, {attribution: mapAttribution});

var map = L.map('map', {
    center: [46.5, 2.9],
    zoom: 4,
    minZoom: 4,
    maxZoom: 8,
    /* fixing tap http://leafletjs.com/reference.html#map-tap */
    tap: true,
    /* layers */
    layers: [onlineTile, offlineTile, myMarkerSet, MyOtherMarkerSet],
    /* attribution */
    attributionControl: false,
    /* zoom params */
    scrollWheelZoom: false,
    boxZoom: false,
    /* keyboard */
    keyboard: false
});
L.control.attribution({position: 'bottomright'}).addTo(map);
L.control.scale({position: 'bottomleft', imperial: false}).addTo(map);

// ADD GEOJSON'S LAYERS
// groups
var tiles = {
    "online data": onlineTile,
    "offline data": offlineTile
};
L.control.layers(tiles, markers, {collapsed: true, autoZIndex: false}).addTo(map);