Update index.html

index.html

@@ -194,21 +194,50 @@ function loadMapFromStorage() {
             }
         }
 
-        function openEditor(e) {
-            const t = e.getLatLng();
-            document.getElementById("marker-lat").value = t.lat;
-            document.getElementById("marker-lng").value = t.lng;
-            map.eachLayer((function(u) {
-              document.getElementById("icon-width").value = u.options.icon.options.iconSize[0];
-              document.getElementById("icon-height").value = u.options.icon.options.iconSize[1];
-            }
-            document.getElementById("marker-popup").value = e.getPopup() ? e.getPopup().getContent() : "";
-            document.getElementById("marker-tooltip").value = e.getTooltip() ? e.getTooltip().getContent() : "";
-            document.getElementById("marker-editor").style.display = "block";
-            editingMarker = e;
-            updatePreviewSize();
+function openEditor(e) {
+    const t = e.getLatLng();
+    document.getElementById("marker-lat").value = t.lat;
+    document.getElementById("marker-lng").value = t.lng;
+    document.getElementById("marker-popup").value = e.getPopup() ? e.getPopup().getContent() : "";
+    document.getElementById("marker-tooltip").value = e.getTooltip() ? e.getTooltip().getContent() : "";
+    document.getElementById("marker-editor").style.display = "block";
+    editingMarker = e;
+
+    // ここから追加
+    const icon = e.options.icon;
+    if (icon && icon.options) {
+        if (icon.options.iconUrl) {
+            // URLから読み込むラジオボタンを選択
+            document.querySelector('input[name="icon-source"][value="url"]').checked = true;
+            document.getElementById("icon-url-input").style.display = "block";
+            document.getElementById("icon-upload-input").style.display = "none";
+            document.getElementById("marker-icon-url").value = icon.options.iconUrl;
+            document.getElementById("icon-preview").src = icon.options.iconUrl;
+            document.getElementById("icon-preview").style.display = 'block';
+             // 高さと幅の設定を表示
+             document.getElementById("icon-settings").style.display = "block";
+        } else {
+             // URLから読み込むラジオボタンを選択
+             document.querySelector('input[name="icon-source"][value="upload"]').checked = true;
+             document.getElementById("icon-url-input").style.display = "none";
+             document.getElementById("icon-upload-input").style.display = "block";
+             document.getElementById("marker-icon-url").value = "https://unpkg.com/leaflet@1.9.3/dist/images/marker-icon-2x.png";
+             document.getElementById("icon-preview").src = "https://unpkg.com/leaflet@1.9.3/dist/images/marker-icon-2x.png";
+             document.getElementById("icon-preview").style.display = 'block';
+             // 高さと幅の設定を表示
+             document.getElementById("icon-settings").style.display = "block";
         }
 
+        document.getElementById("icon-width").value = icon.options.iconSize[0];
+        document.getElementById("icon-height").value = icon.options.iconSize[1];
+        document.getElementById("icon-width-value").textContent = icon.options.iconSize[0];
+        document.getElementById("icon-height-value").textContent = icon.options.iconSize[1];
+    }
+    // ここまで追加
+
+    updatePreviewSize();
+}
+
         function generateMapHTML() {
             const e = [];
             map.eachLayer((function(t) {