Spaces:
Running
Running
Update index.html
Browse files- index.html +14 -18
index.html
CHANGED
|
@@ -371,8 +371,8 @@
|
|
| 371 |
</div>
|
| 372 |
|
| 373 |
<div class="hacker-header">
|
| 374 |
-
<h1 class="text-3xl font-bold text-center glow-text" style="color: var(--hacker-primary);">
|
| 375 |
-
<p class="text-center text-sm mt-2 glow-text" style="color: var(--hacker-secondary);">
|
| 376 |
</div>
|
| 377 |
|
| 378 |
<div class="container mx-auto px-4">
|
|
@@ -380,7 +380,7 @@
|
|
| 380 |
<button id="edit-next-marker" class="hacker-btn secondary">
|
| 381 |
<span class="glow-text">EDIT NEXT MARKER</span>
|
| 382 |
</button>
|
| 383 |
-
<button onclick="if(confirm('
|
| 384 |
<span class="glow-text">FULL RESET</span>
|
| 385 |
</button>
|
| 386 |
</div>
|
|
@@ -437,10 +437,10 @@
|
|
| 437 |
|
| 438 |
<div class="hacker-container">
|
| 439 |
<button id="generate-html" class="hacker-btn">
|
| 440 |
-
<span class="glow-text">
|
| 441 |
</button>
|
| 442 |
<button id="copyButton" class="hacker-btn secondary">
|
| 443 |
-
<span class="glow-text">COPY
|
| 444 |
</button>
|
| 445 |
<div class="terminal-line glow-text">ๅใ่พผใฟใณใผใ:</div>
|
| 446 |
<div id="output-html"></div>
|
|
@@ -482,19 +482,15 @@
|
|
| 482 |
|
| 483 |
function loadMapFromStorage() {
|
| 484 |
const storedMarkers = JSON.parse(localStorage.getItem('leafletMap'));
|
| 485 |
-
if (!storedMarkers) {
|
| 486 |
-
console.warn('No markers found in local storage.');
|
| 487 |
-
return;
|
| 488 |
-
}
|
| 489 |
|
| 490 |
if (!map) {
|
| 491 |
-
console.error('
|
| 492 |
return;
|
| 493 |
}
|
| 494 |
|
| 495 |
storedMarkers.forEach((data) => {
|
| 496 |
if (!data.iconUrl || !data.iconSize) {
|
| 497 |
-
console.error('
|
| 498 |
return;
|
| 499 |
}
|
| 500 |
|
|
@@ -726,8 +722,8 @@
|
|
| 726 |
} else {
|
| 727 |
const t = e.latlng;
|
| 728 |
const n = L.marker(t).addTo(map);
|
| 729 |
-
n.bindPopup("
|
| 730 |
-
n.bindTooltip("
|
| 731 |
n.on("mouseover", function() {
|
| 732 |
hoveredMarker = n;
|
| 733 |
});
|
|
@@ -807,9 +803,9 @@
|
|
| 807 |
document.getElementById("copyButton").onclick = function() {
|
| 808 |
const textToCopy = document.getElementById("output-html").innerText;
|
| 809 |
navigator.clipboard.writeText(textToCopy).then(() => {
|
| 810 |
-
alert("
|
| 811 |
}).catch(err => {
|
| 812 |
-
console.error('
|
| 813 |
});
|
| 814 |
};
|
| 815 |
|
|
@@ -819,7 +815,7 @@
|
|
| 819 |
|
| 820 |
document.getElementById("edit-next-marker").addEventListener("click", function () {
|
| 821 |
nextMarkerEdit = true;
|
| 822 |
-
alert("
|
| 823 |
});
|
| 824 |
|
| 825 |
map.on('popupopen', function (e) {
|
|
@@ -827,12 +823,12 @@
|
|
| 827 |
if (nextMarkerEdit) {
|
| 828 |
openEditor(marker);
|
| 829 |
nextMarkerEdit = false;
|
| 830 |
-
alert("
|
| 831 |
}
|
| 832 |
});
|
| 833 |
|
| 834 |
document.getElementById("delete-marker").addEventListener("click", function() {
|
| 835 |
-
if (confirm("
|
| 836 |
map.removeLayer(editingMarker);
|
| 837 |
editingMarker=false;
|
| 838 |
document.getElementById("marker-editor").style.display = "none";
|
|
|
|
| 371 |
</div>
|
| 372 |
|
| 373 |
<div class="hacker-header">
|
| 374 |
+
<h1 class="text-3xl font-bold text-center glow-text" style="color: var(--hacker-primary);">MAP EDITOR <span class="text-sm"></span></h1>
|
| 375 |
+
<p class="text-center text-sm mt-2 glow-text" style="color: var(--hacker-secondary);">FOR SCHOOL</p>
|
| 376 |
</div>
|
| 377 |
|
| 378 |
<div class="container mx-auto px-4">
|
|
|
|
| 380 |
<button id="edit-next-marker" class="hacker-btn secondary">
|
| 381 |
<span class="glow-text">EDIT NEXT MARKER</span>
|
| 382 |
</button>
|
| 383 |
+
<button onclick="if(confirm('ใในใฆใฎใใผใฟใๆถๅปใใใพใใใใใงใใ๏ผ')){if(confirm('ใใฎๆไฝใฏๅใๆถใใพใใใ')){localStorage.removeItem('leafletMap');location.reload()}}" class="hacker-btn danger">
|
| 384 |
<span class="glow-text">FULL RESET</span>
|
| 385 |
</button>
|
| 386 |
</div>
|
|
|
|
| 437 |
|
| 438 |
<div class="hacker-container">
|
| 439 |
<button id="generate-html" class="hacker-btn">
|
| 440 |
+
<span class="glow-text">HTMLใ็ๆ</span>
|
| 441 |
</button>
|
| 442 |
<button id="copyButton" class="hacker-btn secondary">
|
| 443 |
+
<span class="glow-text">COPY</span>
|
| 444 |
</button>
|
| 445 |
<div class="terminal-line glow-text">ๅใ่พผใฟใณใผใ:</div>
|
| 446 |
<div id="output-html"></div>
|
|
|
|
| 482 |
|
| 483 |
function loadMapFromStorage() {
|
| 484 |
const storedMarkers = JSON.parse(localStorage.getItem('leafletMap'));
|
|
|
|
|
|
|
|
|
|
|
|
|
| 485 |
|
| 486 |
if (!map) {
|
| 487 |
+
console.error('ใใใใ่ฆใคใใใพใใใๅ่ชญใฟ่พผใฟใใฆใใ ใใใ');
|
| 488 |
return;
|
| 489 |
}
|
| 490 |
|
| 491 |
storedMarkers.forEach((data) => {
|
| 492 |
if (!data.iconUrl || !data.iconSize) {
|
| 493 |
+
console.error('ใขใคใณใณใฎใใผใฟใใใใพใใใใใผใฟใ็ ดๆใใฆใใๅฏ่ฝๆงใใใใพใใ');
|
| 494 |
return;
|
| 495 |
}
|
| 496 |
|
|
|
|
| 722 |
} else {
|
| 723 |
const t = e.latlng;
|
| 724 |
const n = L.marker(t).addTo(map);
|
| 725 |
+
n.bindPopup("ๆฐใใใใผใซใผใฎใใใใขใใ");
|
| 726 |
+
n.bindTooltip("ๆฐใใใใผใซใผใฎใใผใซใใใ");
|
| 727 |
n.on("mouseover", function() {
|
| 728 |
hoveredMarker = n;
|
| 729 |
});
|
|
|
|
| 803 |
document.getElementById("copyButton").onclick = function() {
|
| 804 |
const textToCopy = document.getElementById("output-html").innerText;
|
| 805 |
navigator.clipboard.writeText(textToCopy).then(() => {
|
| 806 |
+
alert("ใณใใผใใพใใใ");
|
| 807 |
}).catch(err => {
|
| 808 |
+
console.error('ใณใใผใซๅคฑๆใใพใใ๏ผ', err);
|
| 809 |
});
|
| 810 |
};
|
| 811 |
|
|
|
|
| 815 |
|
| 816 |
document.getElementById("edit-next-marker").addEventListener("click", function () {
|
| 817 |
nextMarkerEdit = true;
|
| 818 |
+
alert("ใฏใชใใฏใใฆๆฌกใฎใใผใซใผใ็ทจ้ใใพใใ");
|
| 819 |
});
|
| 820 |
|
| 821 |
map.on('popupopen', function (e) {
|
|
|
|
| 823 |
if (nextMarkerEdit) {
|
| 824 |
openEditor(marker);
|
| 825 |
nextMarkerEdit = false;
|
| 826 |
+
alert("ใใผใซใผใ็ทจ้ใใพใใ");
|
| 827 |
}
|
| 828 |
});
|
| 829 |
|
| 830 |
document.getElementById("delete-marker").addEventListener("click", function() {
|
| 831 |
+
if (confirm("ๅ้คใใฆใใใงใใ๏ผ")) {
|
| 832 |
map.removeLayer(editingMarker);
|
| 833 |
editingMarker=false;
|
| 834 |
document.getElementById("marker-editor").style.display = "none";
|