如何标注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（点）并将其属性加入其中。当我将其发送给OpenLayers时，结果将适合@Aragon的示例，使用“颜色”和“名称”（作为标签）来自定义地图中的点。

请将此GeoJSON示例复制并粘贴到http://json.parser.online.fr/中，或使用该网站尝试并验证您自己的示例。

这是我使用“传单多边形”和“标签”解决的方法，以便在多边形上使用其name属性获得浮动标签。

假设：

• 您将JSON响应解析为变量json
• json中只有简单的多边形没有孔
• Polygon_style保留您的样式函数返回的样式选项
• labels_layer是一个传单图层组（或直接是您的地图）

然后：

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

我希望它可以帮助您...