Resizable circle

This example displays a circle object, which can be resized by dragging its outline.

Code

There is a H.map.Group container, which contains resizable H.map.Circle and H.map.Polyline as circle's outline used for resizing. The outline is hidden by default and shown only when mouse position is over the group object, or is touched on touch device (pointerenter event). In order to listen to drag event, object's draggable property must be set to true. In order to have smoother resizing, the object's volatility property should be set to true.