openlayers添加多面，携带带信息和修改样式

要添加多个面到OpenLayers地图上，需要先创建一个多边形要素，并将其添加到矢量图层中。以下是一个简单的示例：

// 创建一个多边形要素
var polygonFeature = new ol.Feature({
  geometry: new ol.geom.Polygon([[
    [0, 0],
    [0, 1000000],
    [1000000, 1000000],
    [1000000, 0],
    [0, 0]
  ]]),
  // 添加一些额外的属性
  name: 'My Polygon',
  area: 1000000
});

// 创建一个矢量图层
var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    features: [polygonFeature]
  }),
  // 设置样式
  style: new ol.style.Style({
    fill: new ol.style.Fill({
      color: 'rgba(255, 255, 255, 0.2)'
    }),
    stroke: new ol.style.Stroke({
      color: '#ffcc33',
      width: 2
    })
  })
});

// 将图层添加到地图中
map.addLayer(vectorLayer);

在上面的示例中，我们创建了一个包含一个多边形要素的矢量图层，并设置了填充和边框样式。我们还添加了一些额外的属性（名称和面积），以便稍后使用。

要添加更多的多边形，只需创建更多的要素并将它们添加到图层中即可。

要修改样式，可以直接修改图层的样式属性，如下所示：

vectorLayer.setStyle(new ol.style.Style({
  fill: new ol.style.Fill({
    color: 'rgba(255, 0, 0, 0.2)'
  }),
  stroke: new ol.style.Stroke({
    color: '#ff0000',
    width: 3
  })
}));

在上面的示例中，我们将图层的填充颜色更改为红色，边框颜色更改为红色，并将边框宽度增加到3像素。

要在多边形要素中携带信息，可以像上面示例中那样添加属性。例如，在创建多边形要素时，我们添加了一个名为“name”的属性和一个名为“area”的属性。您可以使用这些属性来存储有关多边形的任何信息，并在需要时显示它们。