Circle Radius Change with Input

[furkanbezci]

I want to change radius of circle by inputting value. Is it posssible and how can I do this? Thank you! (I use mapboxgl)

[cai30304]

you can try to use draw.set, this can update all draw feature.

my idea is get the all draw, and change someone's feature by id, then set.

below code is example write by vue.js

changeCircleRadius: function (event, draw_layer) {
            const allDraw = this.draw.getAll();
            const id = draw_layer.id;
            const center = draw_layer.center;
            const newRadius = event.currentTarget.value;
            const circle = require('@turf/circle').default;
            const circleFeature = circle(center, newRadius);

            allDraw.features.forEach(feature => {
                if(feature.id == id){
                    feature.geometry.coordinates = circleFeature.geometry.coordinates;
                    feature.properties.radiusInKm = newRadius;
                }
            });

            this.draw.set(allDraw);
        },