app/views/operacoes_dashboard/index.html.erb

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