OpenLayers -如何向图层添加多个点

<div id="map" style="width: 100%; height: 400px;"></div>

var map = new ol.Map({
  target: 'map',
  layers: [
    // 添加其他图层
  ],
  view: new ol.View({
    center: [0, 0],
    zoom: 2
  })
});

var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector()
});

var points = [
  [0, 0],
  [10, 10],
  [20, 20]
];

for (var i = 0; i < points.length; i++) {
  var point = new ol.Feature({
    geometry: new ol.geom.Point(ol.proj.fromLonLat(points[i]))
  });
  vectorLayer.getSource().addFeature(point);
}

map.addLayer(vectorLayer);