Dezaktywuj przeciąganie po osiągnięciu maksymalnych granic w Ulotce

Question

Pracuję nad ulotką z niestandardowym obrazem, którego kafelki są generowane przy użyciu "powiększania". W tej chwili mam do czynienia z poniższymi problemami:

1) Przy minimalnym poziomie powiększenia obraz nie powinien być przeciągalny, co można uzyskać za pomocą map.dragging.disable().

Ale problem pojawia się, gdy obraz jest aktualnie na maksymalnym poziomie powiększenia i użytkownik przeciąga, ponieważ nie chcę, aby fokus wykraczał poza płytki, tzn. Użytkownik nie powinien widzieć "szarej granicy", gdy wykracza poza limit granic. Czy można skorzystać z ulotki? Na przykład użytkownik przeciąga obraz i gdy zacznie się pojawiać szara ramka, przeciągnięcie zostanie wyłączone. Chociaż powraca do aktualnej pozycji, ustawiając bounceAtZoomLimits: false, a także map.fitBounds(), ale to tylko wtedy, gdy użytkownik zakończy przeciąganie.

2) Na Pinch powiększanie, użytkownik może przybliżać/oddalać aż on/ona może. W związku z tym obraz może się kurczyć tak bardzo, jak uszczypnięcie użytkownika powoduje powiększenie obrazu, a uszczypnięcie powoduje powiększenie obrazu OUT. Czy to możliwe, aby zatrzymać to zachowanie, tzn. Użytkownik może jedynie przygwoździć zoom do maksymalnego ustawionego poziomu zoomu, jak również zoomu SZEROKIEGO OUT do minimalnego ustawionego poziomu zoomu?

Każda pomoc zostanie doceniona. Dzięki :)

Answer 1

Ulotka sprawdza ograniczenia tylko po przeciągnięciu. Trzeba dodać proces przeciągania słuchacza ustalić położenie warstwy płytek w akcji:

map.setMaxBounds(bounds); 
map.on('drag', function() { 
    map.panInsideBounds(bounds, { animate: false }); 
}); 

Przykład: http://jsfiddle.net/asleepwalker/exqar2w4/

UPD: Napisałem brakujące wtyczki, aby go wykonać. Oto ona: https://github.com/asleepwalker/leaflet.hardbounds

Answer 2

To zostało odebrane here.

W ulotce 1.0.0+ istnieje opcja maxBoundsViscosity, aby "spowolnić przeciąganie mapy" lub sprawić, że "granice są w pełni trwałe".