alro65/AidsMonitoring
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix tamaño boyas cardinal e ISD: usar funciones 3D sz=48

Browse Source 
Las cardinales (CARDINAL_N/E/S/W) e ISD (ISOLATED_DANGER) usaban
_ialaBoyCar/_ialaBoyIsd (funciones SVG-port, canvas ~17x35 px) mientras
que las laterales usaban _encBuoyCanvas sz=52. La diferencia de canvas
base causaba que cardinal e ISD se vieran mucho más pequeñas.

Cambio a _encCardinalCanvas/_encIsdCanvas/_encSawCanvas (funciones 3D)
con sz=48 — comparable a las laterales en sz=52. La luz flare se añade
sobre el canvas ya dibujado si la ayuda tiene light_desc.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Alvaro Enrique Romero Donado
2026-04-30 21:03:49 -04:00
parent 8cdcfdd3d6
commit c3b07be67e
1 changed files with 27 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/js/map.js
+27 -8
View File
@@ -1579,27 +1579,46 @@ function encStyle(feature, resolution) {
break;
}
// ── Cardinal buoys ──────────────────────────────────────────────────────
// Usan _encCardinalCanvas (3-D, sz=48) para igualar el tamaño de las boyas
// laterales (_encBuoyCanvas sz=52). Las funciones IALA SVG-port producían
// un canvas de ~17×35 px que resultaba demasiado pequeño en el mapa.
case 'CARDINAL_N':
case 'CARDINAL_E':
case 'CARDINAL_S':
case 'CARDINAL_W': {
const q = aidType.split('_')[1];
canvas = _cachedIcon(`iala_car_${q}_${hasLight}`,
() => _withFlare(() => _ialaBoyCar(q), 2 * _IALA_S, _lightCss));
canvas = _cachedIcon(`enc_car_${q}_${hasLight}`, () => {
const cv = _encCardinalCanvas(q, 48);
if (hasLight) _drawLightFlare(cv.getContext('2d'), cv.width / 2,
cv.height * 0.08, _lightCss);
return cv;
});
break;
}
case 'CARDINAL_UNKNOWN':
canvas = _cachedIcon(`iala_car_unk_${hasLight}`,
() => _withFlare(() => _ialaBoyCar('N'), 2 * _IALA_S, _lightCss));
canvas = _cachedIcon(`enc_car_unk_${hasLight}`, () => {
const cv = _encCardinalCanvas('N', 48);
if (hasLight) _drawLightFlare(cv.getContext('2d'), cv.width / 2,
cv.height * 0.08, _lightCss);
return cv;
});
break;
// ── Other buoy types ────────────────────────────────────────────────────
case 'ISOLATED_DANGER':
canvas = _cachedIcon(`iala_isd_${hasLight}`,
() => _withFlare(() => _ialaBoyIsd(), 2 * _IALA_S, '#cc0000'));
canvas = _cachedIcon(`enc_isd_${hasLight}`, () => {
const cv = _encIsdCanvas(48);
if (hasLight) _drawLightFlare(cv.getContext('2d'), cv.width / 2,
cv.height * 0.08, _lightCss);
return cv;
});
break;
case 'SAFE_WATER':
canvas = _cachedIcon(`iala_saw_${hasLight}`,
() => _withFlare(() => _ialaBoySaw(), 2 * _IALA_S, '#cc0000'));
canvas = _cachedIcon(`enc_saw_${hasLight}`, () => {
const cv = _encSawCanvas(48);
if (hasLight) _drawLightFlare(cv.getContext('2d'), cv.width / 2,
cv.height * 0.08, _lightCss);
return cv;
});
break;
case 'SPECIAL': {
// BOYSPEC/BOYSPP — route through _encBuoyCanvas with sphere or special shape