openlayers鼠标绘制矩形

要在 OpenLayers 中使用鼠标绘制矩形，你可以使用 OpenLayers 的交互（Interaction）来实现。以下是一个简单的示例代码：

var draw = new ol.interaction.Draw({
  source: source,
  type: 'Circle',
  geometryFunction: ol.interaction.Draw.createBox()
});

map.addInteraction(draw);

这段代码会创建一个绘制交互，使用鼠标绘制一个圆形。然后通过设置 `geometryFunction` 属性为 `ol.interaction.Draw.createBox()` 来将圆形转换为矩形。

如果你想要监听矩形绘制完成的事件，可以使用 `draw.on('drawend', function(event) {...})` 来绑定事件处理函数。在事件处理函数中，你可以获取到绘制完成的矩形的几何对象（geometry），并将其添加到矢量图层中。

draw.on('drawend', function(event) {
  var geometry = event.feature.getGeometry();
  var feature = new ol.Feature({
    geometry: geometry
  });
  vectorLayer.getSource().addFeature(feature);
});

以上代码演示了如何将绘制完成的矩形添加到名为 `vectorLayer` 的矢量图层中。