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

要添加多个面，您可以使用`ol.geom.Polygon`对象创建多边形几何图形，然后将其添加到`ol.source.Vector`中。以下是一个简单的示例代码：

// 创建多边形几何图形
var polygon = new ol.geom.Polygon([
  [[0, 0], [10, 0], [10, 10], [0, 10], [0, 0]],
  [[2, 2], [8, 2], [8, 8], [2, 8], [2, 2]]
]);

// 创建一个带有样式和属性的要素
var feature = new ol.Feature({
  geometry: polygon,
  name: 'My Polygon',
  population: 1000000
});

// 创建一个矢量图层并添加要素
var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    features: [feature]
  }),
  style: new ol.style.Style({
    fill: new ol.style.Fill({
      color: 'rgba(255, 255, 255, 0.6)'
    }),
    stroke: new ol.style.Stroke({
      color: '#319FD3',
      width: 1
    }),
    text: new ol.style.Text({
      font: '12px Calibri,sans-serif',
      fill: new ol.style.Fill({
        color: '#000'
      }),
      text: feature.get('name'),
      offsetY: -10
    })
  })
});

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

在上面的示例中，我们创建了一个多边形几何图形，并将其添加到一个带有样式和属性的要素中。然后，我们将要素添加到一个`ol.source.Vector`对象中，并将其传递给一个`ol.layer.Vector`对象，最后将该图层添加到地图中。

要修改样式，您可以在创建`ol.style.Style`对象时指定不同的样式属性。例如，要更改填充颜色，您可以更改`ol.style.Fill`对象的颜色属性。要更改文本标签，您可以更改`ol.style.Text`对象的文本属性。

要修改属性，您可以使用`ol.Feature`对象的`set`方法。例如，要更改人口属性的值，您可以使用以下代码：

feature.set('population', 2000000);

这将将人口属性设置为200万。