전단지 라벨이 마커 위에 표시되지 않음

Question

일련의 geoJSON 포인트가 있으며 해당 라벨이 부착되어 있습니다.

var points = L.geoJson (null, { 
    onEachFeature: function (feature, layer) { 
     layer.options.riseOnHover=true; //tried adding this 
     layer.options.riseOffset=9999; //as well as this 
     layer.bindLabel(feature.properties["name"], {className: 'map-label'}); 
     L.setOptions(layer, {riseOnHover: true}); //this as well 
    } 
}); 

이 코드는 JSON 파일의 각 기능을 살펴보고 점 집합을 만드는 코드입니다. 이제지도에 마커를 추가하는 실제 기능은 다음과 같이 진행됩니다

var addJsonMarkers = function() { 
    map.removeLayer(markers); 
    points.clearLayers(); 

    markers = new L.layerGroup(); 
    points.addData(dataJson); 
    markers.addLayer(points); 

    map.addLayer(markers); 

    return false; 
}; 

오전 데 문제는 내가 (당신이 내 코멘트를 볼 수 있습니다) 추가하려고 상관없이이 라벨은 뒤에 항상이다 마커가 예상되는 동작이 아닙니다.

나는 그것의 상단에있을 라벨을하고 싶습니다. 나는 map-label 클래스의 z-index을 수동으로 변경하려고 시도했으나 이것에 대한 해결책 인 것 같지만 레이블이 아직 남아있다. 내가 뭘 잘못하고 있는지 아는 사람?

전체 코드는 bringToFront()와 bringToBack() 메소드를 살펴 보자 마커에 대한 그룹 기능을 만들고 그 사이에 레이블 반대를하고, 다시 그것을 가지고

Answer 1

bindLable 옵션에서 pane로 popupPane을 지정 리플릿 popupPane에서

layer.bindLabel(
    feature.properties["name"], 
    { 
     className: 'map-label', 
     pane:'popupPane' 
    } 
); 

이 markerPane 그래서 레이블 마커의 상단에 나타납니다보다 높은 수준이다.

https://github.com/Leaflet/Leaflet.label

는 또한이 jsfiddle 확인 옵션 설명과 Leaflet.label위한 작은 문서가 : http://jsfiddle.net/L6kqu54a/

Answer 2

here을 볼 수 있습니다. 또는 솔루션을 찾지 못하면 L.info를 추가하여 정보를 표시 할 수 있습니다. 여기를 보시면 어쩌면 도움이 될 것입니다 : http://leafletjs.com/reference.html#featuregroup-bringtofront 어딘가에 코드를 게시하여 살펴볼 수도 있습니다.