Leaflet: GeoJson pointerEvents = '없음' 효과

• [X] 도움을 요청하지 않고 버그를 보고합니다.
• [X] 동작이 문서화되고 예상되는지 확인하기 위해 문서 를 살펴보았습니다.
• [X] 나는 이것이 내 코드나 내가 사용하는 프레임워크(Cordova, Ionic, Angular, React…)의 문제가 아니라 전단지 코드 문제라고 확신합니다.
• [X] 문제를 검색하여 아직 보고되지 않았는지 확인했습니다.

번식 방법

• 내가 사용하는 전단지 버전: 1.0.3
• 사용 중인 브라우저(버전 포함): Chrome 55
• 사용 중인 OS/플랫폼(버전 포함): Windows

내가 기대하는 행동과 내가 보고 있는 행동

두 개의 GeoJson 오버레이를 표시해야 합니다. 하나는 사용자와 상호 작용할 수 있고(클릭, 마우스 오버) 두 번째는 시각적 정보를 표시하기 위한 상호 작용이 없습니다.
첫 번째 레이어는 두 번째 레이어 아래에 있으며 획만 그려야 합니다.

두 번째 레이어 스타일에 대해 "pointerEvents"를 없음으로 지정했지만 LeafLet은 이 속성을 사용하지 않습니다. 생성된 svg에는 이 속성이 없습니다.

문제를 재현하는 최소한의 예

• [X] 이 예는 가능한 한 간단합니다.
• [ ] 이 예제는 타사 코드에 의존하지 않습니다.

var interactiveLayer = L.topoJson(epci2014TopoJson, {
        style: function (feature) {
            return {
                weight: 0.0,
                fillOpacity: 0.7,
                color: 'rgb(200,200,200)',
                fillColor: getColor(feature.properties.siren_epci || feature.properties.SIREN_EPCI)
            }
        },
        onEachFeature: function (feature, layer) {
            layer.on({
                mouseover: highlightFeature,
                mouseout: resetHighlight,
                click: zoomToFeature
            });

        }
    }).addTo(map);

    var justForDrawLayer=L.geoJson(departementsGeoJson, {
        style: function (feature) {
            return {
                pointerEvents : 'none',
                clickable:false,
                weight: 3,
                fillOpacity: 0.0,
                color: 'rgb(220,220,220)'
            }
        }
    }).addTo(map);

"클릭 가능"을 "거짓"으로 설정하려고 시도했지만 변경 사항이 없습니다.

내 영어가 충분하지 않다면 실례합니다. 감사합니다.

http://playground-leaflet.rhcloud.com/ 또는 사이트와 같은 다른 jsfiddle 사용.