OpenLayers画多个点

OpenLayers是一个开源的JavaScript库，用于创建交互式的Web地图应用。要在OpenLayers中绘制多个点，你可以通过`ol.Feature`和`ol.Map`结合使用。以下是基本步骤：

1. **创建点特征**：
首先，你需要创建一个`ol.Feature`实例，设置其坐标和属性。例如：

   var point1 = new ol.Feature({
       geometry: new ol.geom.Point([0, 0]),
       properties: { name: 'Point 1' }
   });
   var point2 = new ol.Feature({
       geometry: new ol.geom.Point([10, 10]),
       properties: { name: 'Point 2' }
   });

2. **创建矢量层**：
使用`ol.layer.Vector`来管理这些特征，并添加到地图上：

   var vectorSource = new ol.source.Vector({ features: [point1, point2] });
   var vectorLayer = new ol.layer.Vector({
       source: vectorSource,
       style: function(feature) {
           return new ol.style.Style({
               fill: new ol.style.Fill({ color: 'rgba(255, 0, 0, 0.2)' }),
               stroke: new ol.style.Stroke({ color: 'red', width: 2 })
           });
       }
   });

3. **添加到地图**：
最后，在`ol.Map`对象上添加这个矢量层：

   var map = new ol.Map({
       target: 'map',
       layers: [vectorLayer],
       view: new ol.View({
           center: [5, 5], // 点击地图中心
           zoom: 8
       })
   });