-
-
Powered by openstreetmap.org • Data © OSM contributors • Public Beta
+
+
Pro
+
${prefs.pro?"Pro: ON":"Pro: OFF"}
`;
- document.body.appendChild(side);
+ document.body.appendChild(left);
- const d_layer=side.querySelector("#d_layer");
- side.querySelector("#d_openosm").onclick=()=>window.open(osmViewURL(state),"_blank");
- side.querySelector("#d_copy").onclick=copyLink;
- side.querySelector("#d_locate").onclick=locate;
- side.querySelector("#d_follow").onclick=toggleFollow;
- side.querySelector("#d_reset").onclick=reset;
- side.querySelector("#d_share").onclick=shareLink;
- side.querySelector("#d_near").onclick=locate;
- side.querySelector("#d_clear").onclick=()=>{ q.value=""; q.focus(); searchPlaces("") };
- side.querySelector("#d_gmaps").onclick=()=>window.open(gmapsURL(state), "_blank");
- d_layer.value=state.layer;
- d_layer.onchange=()=>setLayer(d_layer.value);
+ const toggleMini=left.querySelector("#toggleMini");
+ const openSettingsDesk=left.querySelector("#openSettingsDesk");
+ const d_layer=left.querySelector("#d_layer");
+ left.querySelector("#d_openosm").onclick=()=>window.open(osmViewURL(state),"_blank");
+ left.querySelector("#d_copy").onclick=copyLink;
+ left.querySelector("#d_locate").onclick=locate;
+ left.querySelector("#d_follow").onclick=toggleFollow;
+ left.querySelector("#d_reset").onclick=reset;
+ left.querySelector("#d_share").onclick=shareLink;
+ left.querySelector("#d_near").onclick=locate;
+ left.querySelector("#d_clear").onclick=()=>{ q.value=""; q.focus(); searchPlaces("") };
+ left.querySelector("#d_gmaps").onclick=()=>window.open(gmapsURL(state), "_blank");
+ left.querySelector("#d_copyc").onclick=copyCoords;
+ left.querySelector("#d_pins").onclick=()=>{ renderPins(); pinsPane.style.display="block" };
+ left.querySelector("#d_save").onclick=()=>savepin.click();
- const d_markerv=side.querySelector("#d_markerv");
- const d_style=side.querySelector("#d_style");
- const d_ms=side.querySelector("#d_ms"), d_msv=side.querySelector("#d_msv");
- const d_mc=side.querySelector("#d_mc");
- const d_mr=side.querySelector("#d_mr");
- const d_rw=side.querySelector("#d_rw"), d_rwv=side.querySelector("#d_rwv");
- const d_showc=side.querySelector("#d_showc");
- const d_fmt=side.querySelector("#d_fmt");
- const d_copyc=side.querySelector("#d_copyc");
- const d_autofollow=side.querySelector("#d_autofollow");
- const d_prec=side.querySelector("#d_prec"), d_precv=side.querySelector("#d_precv");
+ const d_markerv=left.querySelector("#d_markerv");
+ const d_style=left.querySelector("#d_style");
+ const d_ms=left.querySelector("#d_ms"), d_msv=left.querySelector("#d_msv");
+ const d_mc=left.querySelector("#d_mc");
+ const d_mr=left.querySelector("#d_mr");
+ const d_rw=left.querySelector("#d_rw"), d_rwv=left.querySelector("#d_rwv");
+ const d_showc=left.querySelector("#d_showc");
+ const d_fmt=left.querySelector("#d_fmt");
+ const d_autofollow=null;
+ const d_prec=left.querySelector("#d_prec"), d_precv=left.querySelector("#d_precv");
+ const d_pro=left.querySelector("#d_pro");
+
+ d_layer.value=state.layer; d_layer.onchange=()=>setLayer(d_layer.value);
d_markerv.checked=!prefs.markerHidden;
d_style.value=prefs.markerStyle||"dot";
@@ -756,7 +791,6 @@
d_rw.value=ringWidthEl.value; d_rwv.textContent=d_rw.value+"px";
d_showc.checked=!!prefs.showCoords;
d_fmt.value=prefs.coordFmt||"dec";
- d_autofollow.checked=!!prefs.autoFollow;
d_prec.value=prefs.prec??6; d_precv.textContent=String(prefs.prec??6);
d_markerv.onchange=()=>{ markerVisibleEl.checked=d_markerv.checked; markerVisibleEl.onchange() };
@@ -767,54 +801,20 @@
d_rw.oninput=()=>{ ringWidthEl.value=d_rw.value; ringWidthEl.oninput(); d_rwv.textContent=d_rw.value+"px" };
d_showc.onchange=()=>{ toggleCoords.checked=d_showc.checked; toggleCoords.onchange() };
d_fmt.onchange=()=>{ coordFmtEl.value=d_fmt.value; coordFmtEl.onchange() };
- d_copyc.onclick=copyCoords;
- d_autofollow.onchange=()=>{ autoFollowEl.checked=d_autofollow.checked; autoFollowEl.onchange() };
d_prec.oninput=()=>{ coordPrecEl.value=d_prec.value; coordPrecEl.oninput(); d_precv.textContent=d_prec.value };
+
+ openSettingsDesk.onclick=()=>{ alert("Settings are simplified on desktop. Use left panel controls. Mobile modal settings remain available.") };
+
+ toggleMini.onclick=()=>{ left.classList.toggle("mini") };
+
+ d_pro.onclick=()=>{ prefs.pro = !prefs.pro; savePrefs(); applyPro(prefs.pro); d_pro.textContent = prefs.pro ? "Pro: ON" : "Pro: OFF" };
}
- function tickCoords(){ updateCoordsFast(); setTimeout(tickCoords,120) } // fast enough, less CPU
+ function tickCoords(){ updateCoordsFast(); setTimeout(tickCoords,120) }
tickCoords();
-// Create floating X button above the search bar
-const bar = document.querySelector(".bar");
-if (bar) {
- const closeSearch = document.createElement("button");
- closeSearch.textContent = "✕";
- closeSearch.title = "Close search";
- closeSearch.style.position = "absolute";
- closeSearch.style.top = "-10px";
- closeSearch.style.right = "-10px";
- closeSearch.style.background = "#222";
- closeSearch.style.color = "#fff";
- closeSearch.style.border = "1px solid #444";
- closeSearch.style.borderRadius = "50%";
- closeSearch.style.width = "28px";
- closeSearch.style.height = "28px";
- closeSearch.style.cursor = "pointer";
- closeSearch.style.zIndex = "999";
- // attach to search container
- const searchDiv = document.querySelector(".search");
- searchDiv.style.position = "relative";
- searchDiv.appendChild(closeSearch);
-
- closeSearch.addEventListener("click", () => {
-
- document.querySelector("#suggestions").style.display = "none";
- });
-
- // shortcut to re-open with `/`
- document.addEventListener("keydown", e => {
- if (e.key === "/") {
- if (searchDiv.style.display === "none") {
- searchDiv.style.display = "flex";
- document.querySelector("#q").focus();
- e.preventDefault();
- }
- }
- });
-}
- })();
+ })();