leaflet - 将 Leaflet.Label 与 GeoJSON 点结合使用

Question

有大量对 leaflet.label 的引用使用 GeoJSON 点工作得很好，但我还没有找到一个例子。
这是我到目前为止所尝试过的:

//Add labels layer
var labelStyle = {
    color: '#CCC',
    opacity: 1
};

var labelMarkerOptions = {
        opacity: 0,
        fillOpacity: 0
};

var labelLayer = L.geoJson(labels, {
        pointToLayer: function (feature, latlng) {
                return L.Marker(latlng, labelMarkerOptions);
        },
        onEachFeature: function (feature, layer) {
                layer.bindLabel(feature.properties.Name, {noHide:true});
        }
});
labelLayer.eachLayer(function(l) {l.showLabel();});
map.addLayer(labelLayer);
layerControl.addOverlay(labelLayer, 'Site Labels');

这增加了我的点的一层，但是使用默认的larkers，并且没有标签。感谢您提供的任何帮助。

Answer 1

如果您只想显示标签，请返回 L.circleMarker 而不是 L.Marker:

pointToLayer: function (feature, latlng) {
    return L.circleMarker(latlng, labelMarkerOptions);
},

如果您因其他原因需要L.Marker，请将标签直接绑定(bind)到标记:

pointToLayer: function (feature, latlng) {
    return L.Marker(latlng, labelMarkerOptions).bindLabel(feature.properties.Name, {noHide:true});
},