전단지가있는 다각형 레이블

Question

GeoJSON의 전단지 7.3 및 다각형 데이터를 사용하면 필드의 라벨을 어떻게 추가 할 수 있습니까?

다음은 현재 GeoJSON 폴리곤 데이터의 예입니다. 다각형의 중심에 고정 된 레이블을 사용하고 싶습니다.

var districts = L.geoJson(null, { 
    style: function (feature) { 
    return { 
     color: "green", 
     fill: true, 
     opacity: 0.8 
    }; 
    }, 


onEachFeature(feature, layer) { 
    layer.on('mouseover', function() { 
     this.setStyle({ 
     'fillColor': '#0000ff' 
     }); 
    }); 
    layer.on('mouseout', function() { 
     this.setStyle({ 
     'fillColor': '#ff0000' 
     }); 
    }); 
    layer.on('click', function() { 
    window.location = feature.properties.URL; 
    }); 
} 

}); 

$.getJSON("data/districts.geojson", function (data) { 
    districts.addData(data); 
}); 

Answer 1

는 onEachFeature 콜백에서는 GeoJSON 층에 의해 생성 된 L.Polygon의 중심을 얻을 수 있으며, 여기에 레이블을 바인딩합니다. 난 당신이 L.geoJson 옵션에서 onEachFeature 콜백을 정의하는 것을 잊었다 생각 Leaflet.label