matt/navi
1
0
Fork 0
mirror of https://github.com/zvx-echo6/navi.git synced 2026-05-20 14:44:51 +02:00
Code Issues Projects Releases Packages Wiki Activity

debug: boundary layer fix attempt - not working

Browse source
This commit is contained in:
Matt 2026-05-01 20:38:15 +00:00
commit 40d93a113a
1 changed files with 32 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/components/MapView.jsx
View file

@ -1288,8 +1288,8 @@ function addBoundaryLayer(map) {
source: BOUNDARY_SOURCE, source: BOUNDARY_SOURCE,
paint: { paint: {
"line-color": accentColor, "line-color": accentColor,
"line-width": 2, "line-width": 2.5,
"line-opacity": 0.7, "line-opacity": 0.8,
"line-dasharray": [3, 2], "line-dasharray": [3, 2],
}, },
}, firstSymbolId) }, firstSymbolId)
@ -1504,8 +1504,8 @@ const MapView = forwardRef(function MapView(_, ref) {
type: "line", type: "line",
source: MEASURE_SOURCE, source: MEASURE_SOURCE,
paint: { paint: {
"line-color": accentColor, "line-color": "#ff0000",
"line-width": 2, "line-width": 8,
"line-dasharray": [8, 4], "line-dasharray": [8, 4],
}, },
}) })
@ -2176,6 +2176,34 @@ const MapView = forwardRef(function MapView(_, ref) {
properties: {}, properties: {},
}) })
console.log("BOUNDARY DEBUG:")
console.log(" source exists:", !!map.getSource(BOUNDARY_SOURCE))
console.log(" line layer exists:", !!map.getLayer(BOUNDARY_LAYER))
console.log(" fill layer exists:", !!map.getLayer(BOUNDARY_FILL_LAYER))
console.log(" line-color:", map.getPaintProperty(BOUNDARY_LAYER, "line-color"))
console.log(" line-opacity:", map.getPaintProperty(BOUNDARY_LAYER, "line-opacity"))
console.log(" line-width:", map.getPaintProperty(BOUNDARY_LAYER, "line-width"))
console.log(" fill-color:", map.getPaintProperty(BOUNDARY_FILL_LAYER, "fill-color"))
console.log(" visibility:", map.getLayoutProperty(BOUNDARY_LAYER, "visibility"))
console.log(" feature count:", source._data?.features?.length || "unknown")
console.log(" geometry type:", boundaryGeometry.type)
console.log(" coord count:", boundaryGeometry.type === "Polygon" ? boundaryGeometry.coordinates[0]?.length : boundaryGeometry.coordinates?.length)
console.log(" first coord:", boundaryGeometry.type === "Polygon" ? boundaryGeometry.coordinates[0]?.[0] : boundaryGeometry.coordinates?.[0]?.[0]?.[0])
console.log(" map center:", map.getCenter())
console.log(" map zoom:", map.getZoom())
// Check if layer is actually in style
const styleLayers = map.getStyle().layers
const boundaryLayerInStyle = styleLayers.find(l => l.id === BOUNDARY_LAYER)
console.log(" layer in style.layers:", !!boundaryLayerInStyle)
if (boundaryLayerInStyle) {
console.log(" layer def:", JSON.stringify(boundaryLayerInStyle))
}
// Force repaint
map.triggerRepaint()
console.log(" triggered repaint")
// Zoom to fit boundary // Zoom to fit boundary
try { try {
const coords = boundaryGeometry.type === 'Polygon' const coords = boundaryGeometry.type === 'Polygon'