leafletのマーカー削除/非表示

前提・実現したいこと

チェックボックスの選択でマーカーを表示/非表示の切り替えをしたいです。
チェックボックスで選択したマーカーを表示することは出来るのですが、
選択していないマーカーの削除/非表示が上手くできません。
表示されているマーカーを一旦全て削除/非表示してからチェックボックスで選択した場所の
マーカーを表示したいです。
(以前に選択したマーカーが残らないようにしたい)
いろいろ検索したのですが、自力で解決できなかったため、よろしくお願いいたします。

該当のソースコード

javascript
1function clicked() {
2        ck1 = document.form1.ck1.checked;
3        ck2 = document.form1.ck2.checked;
4
5        var marker1 = L.marker([35.1698884,136.8819074]);
6        var marker2 = L.marker([35.1698884,136.8819074]);
7
8        if (ck1 == true) {marker1.addTo(map);}
9            else{map.removeLayer(marker1)};
10        if (ck2 == true) {marker2.addTo(map);}
11            else{map.removeLayer(marker2)};
12        };

HTML
1<fieldset>
2    <legend>場所選択</legend>
3    <form name="form1">
4        <input id="ck1" type="checkbox" value="名鉄名古屋" checked>
5　　　　 <label for="ck1">名鉄名古屋</label><br>
6        <input id="ck2" type="checkbox" value="近鉄名古屋">
7        <label for="ck2">近鉄名古屋</label><br>
8        <input type="button" value="マーカー表示" onclick="clicked();" />
9    </form>
10    </fieldset>

試したこと

以下のようにすると地図も消えてしまうが、
チェックボックスで選択したマーカーは表示される。

javacsript
1function clicked() {
2        ck1 = document.form1.ck1.checked;
3        ck2 = document.form1.ck2.checked;
4
5        var marker1 = L.marker([35.1698884,136.8819074]);
6        var marker2 = L.marker([35.1698884,136.8819074]);
7        var layerGroup = new L.layerGroup().addTo(map);
8
9        marker1.addTo(layerGroup);
10        marker2.addTo(layerGroup);
11
12        map.eachLayer(function (layerGroup) {
13        map.removeLayer(layerGroup);
14        });
15
16        if (ck1 == true) {marker1.addTo(map);}
17        if (ck2 == true) {marker2.addTo(map);}
18        };