Leaflet: 사용자가 closepopup에서 팝업 페이드아웃 애니메이션을 사용하지 않도록 허용(v1 beta2)

이미 팝업 스타일을 지정하고 있다면 다음 CSS를 추가하기만 하면 됩니다.

.leaflet-fade-anim .leaflet-popup {
  transition: none;
}

글로벌 옵션인 fadeAnimation true/false가 아닌 서로 독립적으로 팝업의 fadeIn/fadeOut을 포함하거나 포함하지 않도록 선택하겠습니다.

페이드 애니메이션을 비활성화하려는 팝업에 CSS 클래스를 추가하고 동일한 CSS를 사용하세요 :-)

나는 이것이 특히 약간의 추가 CSS로 해결할 수 있는 경우에 이것이 매우 중요한 기능이라고 생각하지 않습니다.

감사 해요. 하지만 그 사이에 페이드인도 건너뜁니다...

그것은 그다지 중요하지 않습니다. 당신 말이 맞습니다.
소스 코드에서 몇 줄을 제거하여 수행할 수 있습니다.
팝업을 제거할 때 fadeOut을 피하기 위해 IF 부분을 건너뜁니다.

 L.팝업 = L.Layer.extend({
 ...

 onRemove: 함수(맵) {
 //if (map._fadeAnimated) {
 // L.DomUtil.setOpacity(this._container, 0);
 // this._removeTimeout = setTimeout(L.bind(L.DomUtil.remove, L.DomUtil, this._container), 200);
 //} 또 다른 {
 L.DomUtil.remove(this._container);
 //}
 map.fire('팝업 닫기', {팝업: this});
 if (this._source) {
 this._source.fire('팝업 닫기', {팝업: this}, true);
 }
 },
 ...

 )}

@remilev 소스 코드의 축소 버전을 수정하지 마십시오. 아무도 그것을 이해할 수 없습니다.

@IvanSanchez 감사합니다!

.leaflet-fade-anim .leaflet-popup {
  transition: none;
}

이것은 나를 위해 작동합니다.