Comment étiqueter les polygones GeoJSON?

J'utilise Leaflet combiné avec les fonctionnalités GeoJSON. Existe-t-il un moyen d'étiqueter les entités GeoJSON (dans ce cas - les polygones)? Il devrait obtenir des étiquettes de

feature.properties.name 

C'est mon code où je pense que je pourrais insérer une étiquette:

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

Vous devez connaître le format que la brochure prévoit d'utiliser. RFM. Exemple: OpenLayers attend de ce format GeoJSON qu'il crée un point et lui donne des attributs personnalisés:

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

Comme vous pouvez le voir, j'ai créé une géométrie (point) et y associe mes attributs. Lorsque j'envoie ceci à OpenLayers, le résultat s'inscrira dans l'exemple de @ Aragon, en utilisant "couleur" et "nom" (comme étiquette) pour personnaliser le point sur la carte.

Veuillez copier et coller cet exemple GeoJSON dans http://json.parser.online.fr/ ou utiliser le site pour essayer de valider le vôtre.

Voici comment je l'ai résolu avec des polygones et des étiquettes Leaflet, afin que vous obteniez une étiquette flottante sur le polygone avec sa propriété name.

Supposer:

• vous obtenez la réponse json analysée dans la variable json
• il n'y a que des polygones simples sans trous dans json
• polygon_style contient les options de style renvoyées par votre fonction de style
• labels_layer est un dépliant Layergroup (ou directement votre carte)

Alors:

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

Curieusement, les coordonnées GeoJson (en fait EPSG: 4326) et Leaflet sont inversées dans l'ordre.

je pense que cette question concerne openlayers.if donc, vous pouvez utiliser pour l'étiquetage;

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

J'espère que ça t'aide...