This example displays a polyline object, which can be resized by dragging its vertices.

Code

There is a main H.map.Group container, which contains resizable H.map.Polyline and another container containing markers (H.map.Marker) as polyline's vertices (corners) used for resizing. Markers, shown as small red circles, are hidden by default and shown only when mouse position is over the main 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.