Leaflet.label non mostra sui marcatori

Question

Ho una serie di punti geoJSON e hanno etichette corrispondenti ad essi allegate.

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 
    } 
}); 

Questo è il codice che passa attraverso ciascuna funzione nel file JSON e crea un insieme di punti. Ora, la funzione reale che aggiunge marcatori per la mappa va in questo modo:

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

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

    map.addLayer(markers); 

    return false; 
}; 

Il problema che sto avendo è che non importa quello che cerco di aggiungere (puoi vedere le mie osservazioni), le etichette sono sempre dietro la marcatori, che non è il comportamento previsto.

desidero l'etichetta di essere su di esso. Ho provato a cambiare manualmente ilnella classe map-label, così come numerose soluzioni con riseOnHover che sembra essere la soluzione per questo, ma le etichette sono ancora dietro. Qualcuno vede quello che sto facendo male?

Il codice completo è visibile here

Answer 1

Specificare popupPane come pane in bindLable opzioni:

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

In Volantino popupPane è superiore markerPane così apparirà le etichette sulla parte superiore dei marcatori.

C'è un piccolo doc per Leaflet.label con descrizione opzioni https://github.com/Leaflet/Leaflet.label

controllare anche questo jsfiddle: http://jsfiddle.net/L6kqu54a/

Answer 2

Date un'occhiata ai metodi BringToFront() e bringToBack(), creare una funzione di gruppo per i marcatori e portarlo a sostenere, nel frattempo fare il contrario con le etichette. Oppure potresti aggiungere un L.info per mostrare le informazioni se non trovi una soluzione. Date un'occhiata qui forse questo potrebbe aiutare: http://leafletjs.com/reference.html#featuregroup-bringtofront Posta il tuo codice da qualche parte anche così posso dare un'occhiata a questo.