OpenLayers: draw a shape (square or circle) where the user clicks on map

How do I draw a circle in OpenLayers?

To activate freehand drawing, hold the Shift key. Square drawing is achieved by using type: ‘Circle’ type with a geometryFunction that creates a 4-sided regular polygon instead of a circle. Box drawing uses type: ‘Circle’ with a geometryFunction that creates a box-shaped polygon instead of a circle.

How do you draw a polygon in OpenLayers?

Select a geometry type from the dropdown above to start drawing. To finish drawing, click the last point. To activate freehand drawing for lines, polygons, and circles, hold the Shift key. To remove the last point of a line or polygon, press “Undo”.

How do I create a map with OpenLayers?

How to create a simple map (with a marker) using OpenLayers ?

1. Put a element where you want your map to be.
2. Now you can add a