Update app.py

app.py

@@ -282,13 +282,15 @@ with tab3:
     
         # Criar o mapa centralizado na coordenada pesquisada com um estilo monocromático
         mapa = folium.Map(location=coord_pesquisa, zoom_start=18, tiles='CartoDB positron')
+        
+        # Personalizar o MarkerCluster com cor amarela clara
         marker_cluster = MarkerCluster().add_to(mapa)
-    
+        
         # Adicionar marcador para a coordenada de pesquisa com o valor previsto e um ícone personalizado
         folium.Marker(
             coord_pesquisa,
             popup=f"<b>Local de Pesquisa</b><br>Valor Previsto: {valor_pesquisa:.2f}",
-            icon=folium.Icon(color="black", icon="flag", prefix="fa")  # ícone de "home" usando Font Awesome
+            icon=folium.Icon(color="#FFC000", icon="flag", prefix="fa")
         ).add_to(marker_cluster)
     
         # Iterar pelos 5 pontos mais próximos e conectar os vizinhos à coordenada de pesquisa
@@ -303,12 +305,25 @@ with tab3:
                 coord_vizinho,
                 popup=(f"<b>Vizinho</b><br>Valor Previsto: {valor_previsto:.2f}<br>"
                        f"Valor Observado: {valor_observado:.2f}"),
-                icon=folium.Icon(color="gray", icon="star", prefix="fa")  # ícone de "building" usando Font Awesome
+                icon=folium.Icon(color="gray", icon="star", prefix="fa")
             ).add_to(marker_cluster)
     
             # Adicionar linha de conexão entre a coordenada de pesquisa e o vizinho com cor amarelo ouro
             folium.PolyLine([coord_pesquisa, coord_vizinho], color='#FFC000', weight=2).add_to(mapa)
     
+        # Adicionar script para alterar a cor do cluster para amarelo claro
+        folium.Element(
+            """
+            <script>
+                var clusterMarkers = document.getElementsByClassName('marker-cluster');
+                for (var i = 0; i < clusterMarkers.length; i++) {
+                    clusterMarkers[i].style.backgroundColor = '#FFEB3B';
+                    clusterMarkers[i].style.color = '#000000';  // Alterar cor do texto para preto
+                }
+            </script>
+            """
+        ).add_to(mapa)
+    
         # Exibir o mapa no Streamlit
         st.markdown("## **Mapa dos 5 Vizinhos mais Próximos (KNN)**")
         st.write("O mapa mostra os 5 pontos de dados mais próximos ao ponto de pesquisa, com informações de valores previstos e observados.")