Aucune station.
';
}
function toggleList() {
listShown = !listShown;
const box = document.getElementById("cheapest-list");
const btn = document.getElementById("list-toggle");
const sort = document.getElementById("list-sort");
if (box) box.style.display = listShown ? "block" : "none";
if (sort) sort.style.display = listShown ? "block" : "none";
if (btn) {
btn.textContent = listShown ? "Masquer la liste ▴" : "Voir les stations ▾";
btn.setAttribute("aria-expanded", String(listShown));
}
if (listShown) renderCheapestList();
}
// One-shot geolocation: centre on the user and open the cheapest nearby station.
function nearMe() {
if (!navigator.geolocation) { alert("Géolocalisation non disponible."); return; }
const btn = document.getElementById("near-me");
const reset = () => { if (btn) btn.textContent = "📍 Stations près de moi"; };
if (btn) btn.textContent = "Localisation…";
navigator.geolocation.getCurrentPosition((pos) => {
reset();
const lat = pos.coords.latitude, lon = pos.coords.longitude;
map.setView([lat, lon], 12);
let best = null, bd = Infinity;
for (const s of STATIONS) {
if (s[PRICES][currentFuel] == null) continue;
const d = haversine(lat, lon, s[0], s[1]);
if (d <= 25 && d < bd) { bd = d; best = s; }
}
if (best) L.popup({ maxWidth: 300 }).setLatLng([best[0], best[1]])
.setContent(popupHtml(best, currentFuel)).openOn(map);
}, () => {
reset();
alert("Localisation indisponible (autorisez l'accès, lien https requis).");
}, { enableHighAccuracy: true, timeout: 8000 });
}
// ===================== Geocoding + city autocomplete (BAN) =====================
const banMemo = new Map(); // session cache for autocomplete queries
async function banSearch(q, limit) {
const key = limit + ":" + q.trim().toLowerCase();
if (banMemo.has(key)) return banMemo.get(key);
const url = `${BAN_URL}?type=municipality&limit=${limit}&q=` + encodeURIComponent(q);
const r = await fetch(url);
if (!r.ok) return [];
const j = await r.json();
const feats = j.features || [];
banMemo.set(key, feats);
return feats;
}
// Geocode a typed place name to coordinates (first BAN match), cached on disk.
async function geocodeCity(q) {
const key = "geo:" + q.trim().toLowerCase();
const hit = cacheGet(key);
if (hit) return hit;
const f = await banSearch(q, 1);
if (!f.length) return null;
const c = f[0].geometry.coordinates; // [lon, lat]
const coord = { lat: c[1], lon: c[0] };
cacheSet(key, coord);
return coord;
}
// Attach a city-suggestion dropdown to an input. onPick(coord|null) stores the
// chosen coordinates, or null when the user edits the text again.
function attachAutocomplete(input, onPick) {
const list = document.createElement("div");
list.className = "ac-list";
list.style.display = "none";
input.parentNode.appendChild(list);
let items = [], active = -1, debounce;
function hide() { list.style.display = "none"; active = -1; }
function draw() {
if (!items.length) { hide(); return; }
list.innerHTML = items.map((f, i) =>
`' +
'
' +
'
' +
'
' +
'' +
'
' +
'
' +
'
' +
`` +
'' +
`
` +
'
' +
'' +
'
' +
'
' +
'
' +
'