Update index.html

index.html

@@ -492,28 +492,52 @@ function applyIconAndSaveMarker(lat, lng, popupContent, tooltipContent, iconUrl)
 
         document.getElementById("generate-html").addEventListener("click", generateMapHTML);
 
-// マーカー追加時
+let nextMarkerEdit = null;
+
+document.getElementById("edit-next-marker").addEventListener("click", function() {
+    nextMarkerEdit = true;
+    alert("次にクリックするマーカーを編集します。");
+});
+
 map.on("click", function(e) {
-    if (editingMarker) {
-        const t = e.latlng;
-        editingMarker.setLatLng([t.lat, t.lng]);
-        document.getElementById("marker-lat").value = t.lat;
-        document.getElementById("marker-lng").value = t.lng;
-        updatePreviewSize();
-        saveMapToStorage(); // 編集後に保存
-    } else {
-        const t = e.latlng;
-        const n = L.marker(t).addTo(map);
-        n.bindPopup("新しいマーカー");
-        n.bindTooltip("新しいマーカーのツールチップ");
-        n.on("mouseover", function() {
-            hoveredMarker = n;
-        });
-        n.on("mouseout", function() {
-            hoveredMarker === n && (hoveredMarker = null);
+    if (nextMarkerEdit) {
+        const clickedMarkers = [];
+        map.eachLayer(function (layer) {
+            if (layer instanceof L.Marker) {
+                const distance = map.distance(e.latlng, layer.getLatLng());
+                if (distance < 20) {
+                    clickedMarkers.push(layer);
+                }
+            }
         });
-        openEditor(n);
-        saveMapToStorage(); // 新しいマーカー追加後に保存
+
+        if (clickedMarkers.length > 0) {
+            openEditor(clickedMarkers[0]);
+        }
+        nextMarkerEdit = false;
+    } else {
+        // 既存のクリックイベント処理
+        if (editingMarker) {
+            const t = e.latlng;
+            editingMarker.setLatLng([t.lat, t.lng]);
+            document.getElementById("marker-lat").value = t.lat;
+            document.getElementById("marker-lng").value = t.lng;
+            updatePreviewSize();
+            saveMapToStorage();
+        } else {
+            const t = e.latlng;
+            const n = L.marker(t).addTo(map);
+            n.bindPopup("新しいマーカー");
+            n.bindTooltip("新しいマーカーのツールチップ");
+            n.on("mouseover", function() {
+                hoveredMarker = n;
+            });
+            n.on("mouseout", function() {
+                hoveredMarker === n && (hoveredMarker = null);
+            });
+            openEditor(n);
+            saveMapToStorage();
+        }
     }
 });