JS地図ライブラリ・リーフレット レイヤーグループにレイヤーを追加・削除する

const osm = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
});

var baseLayers = {
    "openstreetmap": osm,
}

const markers = L.layerGroup();
let check = 'Markers';
var overlays = {
    "Markers": markers
}

var map = L.map('myMap', {
    center: [32.639884, 130.987154],
    zoom: 8,
    maxZoom: 18,
    layers: [osm, markers],
    renderer: L.svg()
})

map.on('click', function (e) {
    if (e.originalEvent.target.classList.contains('marker')) return
    if (!check) {
        return
    } else if (check == 'Markers') {
        var marker = L.circleMarker([e.latlng.lat, e.latlng.lng], {
            radius: 50,
            color: '#fff',
            fillColor: '#5ac4f9b4',
            fillOpacity: 1,
            className: 'marker'
        }).on('click', removeMarker);
        markers.addLayer(marker)
    }
});

map.on({
    overlayadd: function (e) {
        check = e.name
    },
    overlayremove: function (e) {
        check = ''
    }
});

function removeMarker(e) {
    markers.removeLayer(this)
    console.log(markers.getLayers())
}

var LayerControl = L.control.layers(baseLayers, overlays).addTo(map);