GeoJSON 다각형에 라벨을 붙이는 방법?

GeoJSON 기능과 함께 Leaflet을 사용하고 있습니다. GeoJSON 기능 (이 경우 다각형)에 레이블을 지정하는 방법이 있습니까? 라벨을 가져와야합니다.

feature.properties.name 

이것은 레이블을 삽입 할 수 있다고 생각되는 코드입니다.

function style(feature) {
            return {
                weight: 2,
                opacity: 1,
                color: 'white',
                dashArray: '3',
                fillOpacity: 0.7,
                fillColor: getColor(feature.properties.coloring)
            };
        }

전단지에서 사용할 형식을 알아야합니다. RFM. 예 : OpenLayers는이 GeoJSON 형식이 점을 작성하고 일부 사용자 정의 속성을 제공 할 것으로 예상합니다.

{"type":"FeatureCollection",
    "features":[
        {"type":"Feature",
            "properties":{
                "name":"TRON-02",
                "serial":"TRON002",
                "bearing":0,
                "color":"green",
                "size":15,
                "image":"img/unit_map3.png",
            },
            "geometry":{
                "type":"Point",
                "coordinates":[-50.06542968749966,-23.749149728383717]
            }
        }
    ]
}

보시다시피, Geometry (Point)를 작성하고 내 속성을 결합했습니다. 이것을 OpenLayers에 보내면 결과는 @Aragon의 예에 맞으며, "color"와 "name"(라벨로)을 사용하여지도에서 점을 사용자 정의합니다.

http://json.parser.online.fr/ 에이 GeoJSON 예제를 복사하여 붙여 넣거나 사이트를 사용하여 자신의 고유 한 것을 확인하십시오.

다음은 Leaflet Polygons and Labels로 해결하여 이름 속성을 사용하여 다각형에 플로팅 레이블을 얻는 방법입니다.

다음을 가정하십시오.

• json 응답을 변수 json으로 구문 분석합니다.
• json에 구멍이없는 간단한 다각형 만 있습니다.
• polygon_style에는 스타일 함수에서 반환 한 스타일 옵션이 있습니다.
• labels_layer는 전단지 Layergroup (또는 직접지도)입니다

그때:

for ( var i=0; i < json.features.length; i++ ) {
    feat = json.features[i];
    coords = [];
    for ( var j = 0 ; j < feat.geometry.coordinates[0].length - 1; j++ ) {
        coord = feat.geometry.coordinates[0][j];
        point = [];
        point.push( coord[1], coord[0]);
        coords.push( point );
    }
    labels_layer.addLayer(L.polygon( coords, polygon_style ).bindLabel(feat.properties.name))  ;
}

놀랍게도 GeoJson (실제로 EPSG : 4326)과 Leaflet 좌표는 순서대로 바뀝니다.

나는이 질문이 openlayers에 관한 것이라고 생각합니다. 그렇다면 라벨링에 사용할 수 있습니다.

var style = new OpenLayers.Style({
    weight: 2,
    opacity: 1,
    color: 'white',
    dashArray: '3',
    fillOpacity: 0.7,
    fillColor: "${getColor}",  
    label: "${getLabel}"
  } , {
    context: {
      getColor: function(feature) {
        return feature.properties.color;
      },
      getLabel: function(feature) {
        return feature.properties.name;
      }
    }
  );

나는 그것이 당신에게 도움이되기를 바랍니다 ...