fix(geoportal): building labels — force overlap + delayed init
Labels were hidden by MapLibre collision detection with terrain labels. Now using text-allow-overlap + text-ignore-placement to force visibility. Also added retry with setTimeout in case source isn't ready when layer is first added. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -441,21 +441,26 @@ export const MapViewer = forwardRef<MapViewerHandle, MapViewerProps>(
|
||||
paint: { "line-color": "#1e3a5f", "line-width": 0.6 } });
|
||||
// Building body labels (C1, C2...) — visible at high zoom
|
||||
// cadastral_ref = "77102-C1" → display "C1"
|
||||
{
|
||||
// Add after a small delay to ensure the style is fully loaded
|
||||
// and the source has been registered
|
||||
const addBuildingLabels = () => {
|
||||
try {
|
||||
if (map.getLayer(LAYER_IDS.cladiriLabel)) return;
|
||||
map.addLayer({
|
||||
id: LAYER_IDS.cladiriLabel,
|
||||
type: "symbol",
|
||||
source: SOURCES.cladiri,
|
||||
"source-layer": SOURCES.cladiri,
|
||||
minzoom: 16,
|
||||
minzoom: 17,
|
||||
filter: ["has", "cadastral_ref"],
|
||||
layout: {
|
||||
// Simple approach: show full cadastral_ref, let the user see "77102-C1"
|
||||
// MapLibre will auto-hide overlapping labels
|
||||
"text-field": ["get", "cadastral_ref"],
|
||||
"text-font": ["Noto Sans Regular"],
|
||||
"text-size": 10,
|
||||
"text-size": 9,
|
||||
"text-anchor": "center",
|
||||
"text-allow-overlap": false,
|
||||
"text-allow-overlap": true,
|
||||
"text-ignore-placement": true,
|
||||
},
|
||||
paint: {
|
||||
"text-color": "#1e3a8a",
|
||||
@@ -463,6 +468,14 @@ export const MapViewer = forwardRef<MapViewerHandle, MapViewerProps>(
|
||||
"text-halo-width": 1.5,
|
||||
},
|
||||
});
|
||||
} catch (e) {
|
||||
console.warn("[map] building labels failed:", e);
|
||||
}
|
||||
};
|
||||
// Try immediately, retry after 2s if source not ready
|
||||
try { addBuildingLabels(); } catch { /* */ }
|
||||
setTimeout(addBuildingLabels, 2000);
|
||||
}
|
||||
|
||||
// === Selection highlight ===
|
||||
map.addLayer({ id: LAYER_IDS.selectionFill, type: "fill", source: SOURCES.terenuri, "source-layer": SOURCES.terenuri, minzoom: 13,
|
||||
|
||||
Reference in New Issue
Block a user