Wystąpił błąd podczas inicjowania wtyczki z obrazem ulotkowym

Question

Mam przykładowy kod, w którym próbuję użyć wtyczki z ulotką do obrazu z niektórymi mapami ulotek, ale pojawia się następujący komunikat o błędzie podczas inicjowania programu leafletImage (related issue, który powinien zostać rozwiązany w wersji 0,8 używam 1.0.0)

leafletImage(map, function(err, canvas) {}); 

Uncaught TypeError: layer._adjustTilePoint is not a function(anonymous function) @ leaflet-image.js:87handleTileLayer @ leaflet-image.js:84pop @ leaflet-image.js:201defer @ leaflet-image.js:232drawTileLayer @ leaflet-image.js:23eachLayer @ leaflet.js:6leafletImage @ leaflet-image.js:17abc @ (index):127onclick @ (index):107

zobaczyć Demo

Wzorem tutaj na leaflet-image

Answer 1

Nie używasz najnowszej wersji wtyczki Ulotka-obraz. Kiedy patrzę na kod podałeś widzę tak:

tiles.forEach(function(tilePoint) { 
    var originalTilePoint = tilePoint.clone(); 

    layer._adjustTilePoint(tilePoint); 

    var tilePos = layer._getTilePos(originalTilePoint) 
     .subtract(bounds.min) 
     .add(origin); 

    if (tilePoint.y >= 0) { 
     var url = addCacheString(layer.getTileUrl(tilePoint)); 
     tileQueue.defer(loadTile, url, tilePos, tileSize); 
    } 
}); 

Jednak w najnowszej wersji plugin on GitHub ten został rozwiązany z:

tiles.forEach(function (tilePoint) { 
    var originalTilePoint = tilePoint.clone(); 

    if (layer._adjustTilePoint) { 
     layer._adjustTilePoint(tilePoint); 
    } 

    var tilePos = layer._getTilePos(originalTilePoint) 
     .subtract(bounds.min) 
     .add(origin); 

    if (tilePoint.y >= 0) { 
     if (isCanvasLayer) { 
      var tile = layer._tiles[tilePoint.x + ':' + tilePoint.y]; 
      tileQueue.defer(canvasTile, tile, tilePos, tileSize); 
     } else { 
      var url = addCacheString(layer.getTileUrl(tilePoint)); 
      tileQueue.defer(loadTile, url, tilePos, tileSize); 
     } 
    } 
}); 

Więc po prostu zawierać właściwą wersję wtyczki i wszystko będzie dobrze.