Update index.html

index.html

@@ -125,6 +125,53 @@ body::-webkit-scrollbar-thumb {
 
 
     <script>
+      // 「新しくマーカーを追加」ボタンの動作
+document.getElementById("add-marker-btn").addEventListener("click", function () {
+    map.on("click", function addMarkerHandler(e) {
+        const latlng = e.latlng;
+        const newMarker = L.marker(latlng).addTo(map);
+        newMarker.bindPopup("新しいマーカー");
+        newMarker.bindTooltip("新しいマーカーのツールチップ");
+
+        // マーカー編集可能にする
+        newMarker.on("mouseover", function () {
+            hoveredMarker = newMarker;
+        });
+        newMarker.on("mouseout", function () {
+            if (hoveredMarker === newMarker) hoveredMarker = null;
+        });
+
+        // 編集パネルを開く
+        openEditor(newMarker);
+
+        // 一度クリックでイベント解除
+        map.off("click", addMarkerHandler);
+
+        // マーカー保存
+        saveMapToStorage();
+    });
+});
+
+// 「マーカーを編集」ボタンの動作
+document.getElementById("edit-marker-btn").addEventListener("click", function () {
+    map.on("click", function editMarkerHandler(e) {
+        const nearbyMarkers = [];
+        map.eachLayer(function (layer) {
+            if (layer instanceof L.Marker) {
+                if (map.distance(e.latlng, layer.getLatLng()) < 20) {
+                    nearbyMarkers.push(layer);
+                }
+            }
+        });
+
+        if (nearbyMarkers.length > 0) {
+            const markerToEdit = nearbyMarkers[0];
+            openEditor(markerToEdit);
+            map.off("click", editMarkerHandler); // 一度クリックでイベント解除
+        }
+    });
+});
+
 
     function saveMapToStorage() {
     const markers = [];