Làm cách nào để gắn nhãn đa giác GeoJSON?

Tôi đang sử dụng Tờ rơi kết hợp với các tính năng của GeoJSON. Có cách nào để gắn nhãn các tính năng GeoJSON (trong trường hợp này - đa giác) không? Nó sẽ nhận được nhãn từ

feature.properties.name 

Đây là mã của tôi, nơi tôi nghĩ rằng tôi có thể chèn nhãn:

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

Bạn cần biết tờ rơi định dạng dự kiến ​​sẽ sử dụng. RFM. Ví dụ: OpenLayers hy vọng định dạng GeoJSON này sẽ tạo một điểm và đưa ra một số thuộc tính tùy chỉnh:

{"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]
            }
        }
    ]
}

Như bạn có thể thấy, tôi đã tạo Hình học (Điểm) và nối các thuộc tính của mình với nó. Khi tôi gửi cái này đến OpenLayers, kết quả sẽ phù hợp với ví dụ của @ Aragon, sử dụng "màu" và "tên" (dưới dạng nhãn) để tùy chỉnh điểm trong bản đồ.

Vui lòng sao chép và dán ví dụ GeoJSON này trong http://json.parser.online.fr/ hoặc sử dụng trang web để thử và xác thực chính bạn.

Đây là cách tôi giải quyết nó với Đa giác và Nhãn Lá, để bạn có được một nhãn nổi trên đa giác với thuộc tính tên của nó.

Giả sử:

• bạn nhận được phản hồi json được phân tích cú pháp vào biến json
• chỉ có các đa giác đơn giản không có lỗ trong json
• polygon_style giữ các tùy chọn kiểu được trả về bởi hàm kiểu của bạn
• nhãn_layer là một Layergroup tờ rơi (hoặc trực tiếp bản đồ của bạn)

Sau đó:

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

Đáng chú ý là đủ kỳ lạ, GeoJson (thực tế là EPSG: 4326) và tọa độ Tờ rơi được hoán đổi theo thứ tự.

Tôi nghĩ rằng câu hỏi này là về openlayers.if vì vậy, bạn có thể sử dụng để ghi nhãn;

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

Tôi hy vọng nó sẽ giúp bạn...