Update index.html

index.html

@@ -198,6 +198,8 @@ function loadMapFromStorage() {
             const t = e.getLatLng();
             document.getElementById("marker-lat").value = t.lat;
             document.getElementById("marker-lng").value = t.lng;
+            document.getElementById("icon-width").value = t.options.icon.options.iconSize[0];
+            document.getElementById("icon-height").value = t.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";
@@ -506,60 +508,6 @@ map.on("contextmenu", function (e) {
         openEditor(clickedMarkers[0]);
     }
 });
-// ボタンを配置するコンテナを作成
-const buttonContainer = document.createElement("div");
-buttonContainer.style.position = "absolute";
-buttonContainer.style.top = "10px";
-buttonContainer.style.left = "10px";
-buttonContainer.style.zIndex = "1000";
-buttonContainer.style.display = "flex";
-buttonContainer.style.gap = "10px";
-document.body.appendChild(buttonContainer);
-
-// 「新しくマーカーを追加」ボタンを作成
-const addMarkerButton = document.createElement("button");
-addMarkerButton.textContent = "新しくマーカーを追加";
-addMarkerButton.style.padding = "10px";
-addMarkerButton.style.border = "none";
-addMarkerButton.style.borderRadius = "5px";
-addMarkerButton.style.background = "#007BFF";
-addMarkerButton.style.color = "white";
-addMarkerButton.style.cursor = "pointer";
-addMarkerButton.addEventListener("click", () => {
-    const center = map.getCenter();
-    const newMarker = L.marker(center).addTo(map);
-    newMarker.bindPopup("新しいマーカー").openPopup();
-    newMarker.bindTooltip("新しいマーカーのツールチップ");
-    newMarker.on("mouseover", function () {
-        hoveredMarker = newMarker;
-    });
-    newMarker.on("mouseout", function () {
-        if (hoveredMarker === newMarker) {
-            hoveredMarker = null;
-        }
-    });
-    saveMapToStorage();
-});
-buttonContainer.appendChild(addMarkerButton);
-
-// 「マーカーを編集」ボタンを作成
-const editMarkerButton = document.createElement("button");
-editMarkerButton.textContent = "マーカーを編集";
-editMarkerButton.style.padding = "10px";
-editMarkerButton.style.border = "none";
-editMarkerButton.style.borderRadius = "5px";
-editMarkerButton.style.background = "#28A745";
-editMarkerButton.style.color = "white";
-editMarkerButton.style.cursor = "pointer";
-editMarkerButton.addEventListener("click", () => {
-    if (hoveredMarker) {
-        openEditor(hoveredMarker);
-    } else {
-        alert("編集するマーカーを選択してください。");
-    }
-});
-buttonContainer.appendChild(editMarkerButton);
-
 
  // マップが動いたときに保存
     </script>