Update index.html

index.html

@@ -593,54 +593,65 @@
             // イベントリスナーの設定
             setupEventListeners();
         };
+// マップ初期化
+function initMap() {
+    map = L.map("map").setView([33.321797711641395, 130.52061378343208], 16);
+    L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { 
+        attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap contributors' 
+    }).addTo(map);
 
-        // マップ初期化
-        function initMap() {
-            map = L.map("map").setView([33.321797711641395, 130.52061378343208], 16);
-            L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { 
-                attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap contributors' 
-            }).addTo(map);
-
-            // マーカーイベントの設定
-            map.on("click", function(e) {
-                if (nextMarkerEdit) {
-                    return;
-                }
+    // マーカーイベントの設定
+    map.on("click", function(e) {
+        if (nextMarkerEdit) {
+            return;
+        }
 
-                if (editingMarker) {
-                    const latlng = e.latlng;
-                    editingMarker.setLatLng([latlng.lat, latlng.lng]);
-                    document.getElementById("marker-lat").value = latlng.lat;
-                    document.getElementById("marker-lng").value = latlng.lng;
-                    updatePreviewSize();
-                    saveCurrentMapToStorage();
-                } else {
-                    const latlng = e.latlng;
-                    const marker = L.marker(latlng).addTo(map);
-                    marker.bindPopup("新しいマーカーのポップアップ");
-                    marker.bindTooltip("新しいマーカーのツールチップ");
-                    
-                    marker.on("mouseover", function() {
-                        hoveredMarker = marker;
-                    });
-                    
-                    marker.on("mouseout", function() {
-                        if (hoveredMarker === marker) {
-                            hoveredMarker = null;
-                        }
-                    });
-                    
-                    document.getElementById("marker-icon-url").value = "https://unpkg.com/leaflet@1.9.3/dist/images/marker-icon-2x.png";
-                    openEditor(marker);
-                    saveCurrentMapToStorage();
-                }
+        if (editingMarker) {
+            const latlng = e.latlng;
+            editingMarker.setLatLng([latlng.lat, latlng.lng]);
+            document.getElementById("marker-lat").value = latlng.lat;
+            document.getElementById("marker-lng").value = latlng.lng;
+            updatePreviewSize();
+            saveCurrentMapToStorage();
+        } else {
+            const latlng = e.latlng;
+            const marker = L.marker(latlng).addTo(map);
+            marker.bindPopup("新しいマーカーのポップアップ");
+            marker.bindTooltip("新しいマーカーのツールチップ");
+            
+            marker.on("mouseover", function() {
+                hoveredMarker = marker;
             });
-
-            // マーカーが変更されたらボタンの状態を更新
-            map.on('layeradd layerremove', function() {
-                updateEditNextMarkerButton();
+            
+            marker.on("mouseout", function() {
+                if (hoveredMarker === marker) {
+                    hoveredMarker = null;
+                }
             });
-        }
+            
+            document.getElementById("marker-icon-url").value = "https://unpkg.com/leaflet@1.9.3/dist/images/marker-icon-2x.png";
+            openEditor(marker);
+            saveCurrentMapToStorage();
+        }
+    });
+
+    // マーカーが変更されたらボタンの状態を更新
+    map.on('layeradd layerremove', function() {
+        updateEditNextMarkerButton();
+    });
+
+    // ポップアップが開いた時の処理をここに移動
+    map.on('popupopen', function(e) {
+        const marker = e.popup._source;
+        if (nextMarkerEdit) {
+            openEditor(marker);
+            nextMarkerEdit = false;
+            document.getElementById("edit-next-marker").textContent = "次のマーカーを編集";
+            document.getElementById("edit-next-marker").classList.remove("danger");
+            document.getElementById("edit-next-marker").classList.add("secondary");
+        }
+    });
+}
 
         // イベントリスナーの設定
         function setupEventListeners() {
@@ -1204,18 +1215,6 @@
                 console.error('コピーに失敗しました：', err);
             });
         }
-
-        // ポップアップが開いた時の処理
-        map.on('popupopen', function(e) {
-            const marker = e.popup._source;
-            if (nextMarkerEdit) {
-                openEditor(marker);
-                nextMarkerEdit = false;
-                document.getElementById("edit-next-marker").textContent = "次のマーカーを編集";
-                document.getElementById("edit-next-marker").classList.remove("danger");
-                document.getElementById("edit-next-marker").classList.add("secondary");
-            }
-        });
     </script>
 </body>
 </html>