Add draw circle to Map Control

[hnahoulder]

Hello,

I'm looking for how can I add the draw circle control to my map control.

I have this code

const draw = new MapboxDraw({
      displayControlsDefault: true,
      userProperties: true,
      defaultMode: 'draw_circle',
      modes: {
        ...MapboxDraw.modes,
        draw_circle  : CircleMode,
        drag_circle  : DragCircleMode,
        direct_select: DirectMode,
        simple_select: SimpleSelectMode
      }
    });

And when I switch to draw polygon, I can't switch to draw circle again because I don't have it in my Map control

[nik736]

I have the same question, did you find a solution for this yet?

[ajithes111]

+1

[cosminv6u]

I used the solution of fxi from here https://github.com/mapbox/mapbox-gl-draw/issues/874 to customize your Draw bar however you want.

[iamanvesh]

This library doesn't add a new icon in the draw bar as this is an extension to the existing library by mapbox and not intended to be a replacement. You can add your own custom icon / drop-down depending on the UX and invoke the functions using click handlers. Please refer to this sample.