Adding buffer in Leaflet?

Question

i'm newbie in GIS. i'm trying to make webgis using leaflet. i already make layer with icon in leaflet.

/*layer*/
    var layer = new L.GeoJSON.AJAX("GIS/layer/request_layer.php", {
        middleware:function(data){ 
        return L.geoJson(data, {
            onEachFeature: function(feature, layer){
                layer.bindPopup("<center>" + feature.properties.id + "<center>"),
                layer.setIcon(icon);
            }
        }).addTo(map);
        }
    });

/*icon layer*/
    var icon = L.icon({
            iconUrl : 'GIS/leaflet/images/icon.png',
            iconSize : [15,15],
            popupAnchor : [0, -28]
        });

how to add buffer in this layer ?

Answer 1

Another easy option is Turf JS. It's easy to use with Leaflet. http://turfjs.org/docs/#buffer

Answer 2

Use the Buffer plugin for leaflet. If you are new to GIS and Leaflet then I recomend you spend some time reviewing all the plugins that are available to you as there are a lot and you'll find many of the invaluable for your purposes.