${waypointPinSvg(label, color)}
@@ -769,7 +821,7 @@ async function buildRoute() {
drawRouteResults(routeResults, 0);
document.getElementById('route-status').textContent = `${routeResults.length} маршрут(ов)`;
- // Show mini-bar with result — do NOT open main sheet
+ // Show mini-bar with result - do NOT open main sheet
hideMiniRouteLoading();
showMiniRouteSheet();
} catch(e) {
@@ -786,14 +838,14 @@ function drawRouteResults(routes, activeIdx) {
activeRouteIdx = activeIdx;
const wasBuilt = routeResults.length > 0; // track rebuild vs first build
routeResults = routes;
-
+
// Clear old layers
for (let i = 0; i < 5; i++) {
try { if (map.getLayer('route-line-' + i)) map.removeLayer('route-line-' + i); } catch(e) {}
try { if (map.getLayer('route-line-' + i + '-outline')) map.removeLayer('route-line-' + i + '-outline'); } catch(e) {}
try { if (map.getSource('route-' + i)) map.removeSource('route-' + i); } catch(e) {}
}
-
+
routes.forEach((route, i) => {
const color = ROUTE_COLORS[i] || '#888888';
const isActive = i === activeIdx;
@@ -821,7 +873,7 @@ function drawRouteResults(routes, activeIdx) {
},
layout: { 'line-cap': 'round', 'line-join': 'round' }
});
-
+
map.on('click', 'route-line-' + i, (e) => {
if (e.stopPropagation) e.stopPropagation();
selectRoute(i);
@@ -833,7 +885,7 @@ function drawRouteResults(routes, activeIdx) {
map.getCanvas().style.cursor = routeMode ? 'crosshair' : '';
});
});
-
+
renderRouteCards(routes);
// Update mini sheet if visible
@@ -988,7 +1040,7 @@ function toggleMarkerMode() {
function addMarker(lngLat) {
const markers = loadMarkers();
if (markers.length >= 50) { alert('Достигнут лимит 50 меток'); return; }
-
+
const grid = document.getElementById('marker-type-grid');
// Show marker dialog
openMarkerDialog(lngLat);
@@ -997,7 +1049,7 @@ function addMarker(lngLat) {
function openMarkerDialog(lngLat) {
const dialog = document.getElementById('marker-dialog');
const grid = document.getElementById('marker-type-grid');
- grid.innerHTML = MARKER_ICONS.map((ic, i) =>
+ grid.innerHTML = MARKER_ICONS.map((ic, i) =>
`
`);
-
+
const mlMarker = new maplibregl.Marker({ element: el, anchor: 'bottom' })
.setLngLat([markerData.lon, markerData.lat])
.setPopup(popup)
.addTo(map);
-
+
namedMarkerObjects[markerData.id] = mlMarker;
}
@@ -1138,7 +1190,7 @@ async function initMap() {
});
function formatLength(m) {
- if (!m) return '—';
+ if (!m) return '-';
if (m >= 1000) return (m / 1000).toFixed(1) + ' км';
return Math.round(m) + ' м';
}
@@ -1161,9 +1213,9 @@ async function initMap() {
const props = e.features[0].properties;
const html = `
-
-
-
+
+
+
${props.mtb_scale ? `` : ''}
`;
@@ -1421,7 +1473,7 @@ function toggleReconMode() {
btn.classList.remove('active');
closeSheet('sheet-recon');
window._map.getCanvas().style.cursor = '';
- clearRecon(); // recon data is transient — safe to clear
+ clearRecon(); // recon data is transient - safe to clear
} else {
deactivateAllModes();
reconMode = true;
@@ -1446,7 +1498,7 @@ function makeCircleGeoJSON(lon, lat, radiusKm) {
async function doRecon(lon, lat) {
reconCenter = [lon, lat];
const map = window._map;
-
+
const circle = makeCircleGeoJSON(lon, lat, reconRadius);
if (map.getSource('recon-circle')) {
map.getSource('recon-circle').setData(circle);
@@ -1465,7 +1517,7 @@ async function doRecon(lon, lat) {
const basePath = getBasePath();
const resultsDiv = document.getElementById('recon-results');
resultsDiv.style.display = 'block';
-
+
try {
const resp = await fetch(`${basePath}/api/recon`, {
method: 'POST',
@@ -1475,12 +1527,12 @@ async function doRecon(lon, lat) {
const data = await resp.json();
const t = data.trails || {};
const p = data.poi || {};
-
+
document.getElementById('r-total-km').textContent = t.total_km || 0;
document.getElementById('r-lev12-km').textContent = t.lev12_km || 0;
document.getElementById('r-lev345-km').textContent = t.lev345_km || 0;
document.getElementById('r-path-km').textContent = t.path_km || 0;
-
+
const poiList = document.getElementById('r-poi-list');
const poiTypes = [
{ key: 'natural=water', icon: '💧', label: 'Озёра' },
@@ -1488,15 +1540,15 @@ async function doRecon(lon, lat) {
{ key: 'ford=yes', icon: '🌊', label: 'Броды' },
{ key: 'historic=ruins', icon: '🏚', label: 'Руины' },
];
- poiList.innerHTML = poiTypes.map(pt =>
+ poiList.innerHTML = poiTypes.map(pt =>
`
${pt.icon} ${pt.label}
${p[pt.key] || 0}
`
).join('');
-
+
} catch(e) {
- document.getElementById('r-total-km').textContent = '—';
+ document.getElementById('r-total-km').textContent = '-';
}
}
@@ -1742,13 +1794,13 @@ function drawScenicRoutes(routes, activeIdx) {
const map = window._map;
scenicRoutes = routes;
activeScenicIdx = activeIdx;
-
+
// Clear old
for (let i = 0; i < 10; i++) {
try { if (map.getLayer(`scenic-line-${i}`)) map.removeLayer(`scenic-line-${i}`); } catch(e) {}
try { if (map.getSource(`scenic-src-${i}`)) map.removeSource(`scenic-src-${i}`); } catch(e) {}
}
-
+
const colors = ['#0066ff', '#00aa44', '#9933cc'];
routes.forEach((r, i) => {
const geojson = { type: 'Feature', geometry: r.geometry, properties: {} };
@@ -1776,7 +1828,7 @@ function drawScenicRoutes(routes, activeIdx) {
const pois = (r.scenic_pois || []).map(p => {
const SCENIC_LABELS = {'natural=water':'💧 Озёро','tourism=viewpoint':'👁 Смотровая','historic=ruins':'🏚 Руины','natural=peak':'🔺 Вершина','natural=cave_entrance':'🕳 Пещера','ford=yes':'🌊 Брод'};
const label = SCENIC_LABELS[p.type] || '📍 ' + p.type;
- const name = p.name ? ` — ${p.name}` : '';
+ const name = p.name ? ` - ${p.name}` : '';
return `
${label}${name}
`;
}).join('');
return `
@@ -1863,7 +1915,7 @@ function updateMiniRouteCard() {
const r = routeResults[activeRouteIdx];
if (!r) return;
const km = (r.distance_m / 1000).toFixed(0);
- const dirt = r.stats?.dirt_total_pct ?? '—';
+ const dirt = r.stats?.dirt_total_pct ?? '-';
document.getElementById('mini-dot').style.background = ROUTE_COLORS[activeRouteIdx % ROUTE_COLORS.length];
document.getElementById('mini-label').textContent = `Вариант ${activeRouteIdx + 1} из ${routeResults.length}`;
document.getElementById('mini-stats').textContent = `${km} км · ${dirt}% грунт`;