teste #3

Merged
victor merged 20 commits from teste into main 2026-07-02 15:31:51 -03:00
Showing only changes of commit 3fb2b69399 - Show all commits

View File

@@ -404,28 +404,33 @@
{}, { position: 'topright', collapsed: true } {}, { position: 'topright', collapsed: true }
).addTo(mapa); ).addTo(mapa);
// Camada de calor // Camada de calor (leve — entra por padrão)
const heatLayer = (heat.length && L.heatLayer) const heatLayer = (heat.length && L.heatLayer)
? L.heatLayer(heat, { radius: 18, blur: 22, maxZoom: 14 }) : null; ? L.heatLayer(heat, { radius: 18, blur: 22, maxZoom: 14 }) : null;
// Camada de pontos (marcadores em balão com popup) // Camada de pontos: criada SOB DEMANDA (só na 1ª vez que abrir "Pontos").
const marcadores = L.layerGroup(); // O popup é uma FUNÇÃO, então o HTML da foto só é montado/baixado quando
// o balão é clicado — nada de imagem é requisitado ao carregar o mapa.
let marcadores = null;
function construirMarcadores() {
if (marcadores) return marcadores;
marcadores = L.layerGroup();
pontos.forEach(function (p) { pontos.forEach(function (p) {
L.marker([p.lat, p.lng], { icon: ICONE }) L.marker([p.lat, p.lng], { icon: ICONE })
.bindPopup(popupHtml(p)) .bindPopup(function () { return popupHtml(p); }, { maxWidth: 260 })
.addTo(marcadores); .addTo(marcadores);
}); });
return marcadores;
}
// Começa no Calor (cai para Pontos se não houver calor) // Começa no Calor (cai para Pontos se não houver calor)
let atual = heatLayer || marcadores; (heatLayer || construirMarcadores()).addTo(mapa);
atual.addTo(mapa);
function mostrar(view) { function mostrar(view) {
mapa.removeLayer(heatLayer || marcadores);
if (marcadores) mapa.removeLayer(marcadores);
if (heatLayer) mapa.removeLayer(heatLayer); if (heatLayer) mapa.removeLayer(heatLayer);
if (view === 'pontos') { marcadores.addTo(mapa); } if (marcadores) mapa.removeLayer(marcadores);
else { (heatLayer || marcadores).addTo(mapa); } if (view === 'pontos') { construirMarcadores().addTo(mapa); }
else { (heatLayer || construirMarcadores()).addTo(mapa); }
box.querySelectorAll('.map-toggle button').forEach(function (b) { box.querySelectorAll('.map-toggle button').forEach(function (b) {
const on = b.dataset.view === view; const on = b.dataset.view === view;
b.classList.toggle('bg-orange-500', on); b.classList.toggle('bg-orange-500', on);