Spaces:

cngsm
/

gps

Sleeping

App Files Files Community

cngsm commited on May 24, 2025

Commit

fb1f050

verified ·

1 Parent(s): 9b0125e

Update app.py

Browse files

Files changed (1) hide show

app.py +111 -75

app.py CHANGED Viewed

@@ -6,7 +6,6 @@ import folium
 from folium import plugins
 import webbrowser
 import os
-from geopy.distance import geodesic
 # Configuração do banco de dados
 def init_db():
@@ -54,50 +53,77 @@ def add_location(device_id, device_name, latitude, longitude, accuracy=10, batte
     except Exception as e:
         return f"❌ Erro: {str(e)}"
-# Função para capturar coordenadas via navegador (versão simplificada)
-def start_gps_capture(device_id, device_name):
-    # Cria um arquivo HTML temporário com JavaScript para captura de GPS
     html_content = f"""
-    <!DOCTYPE html>
-    <html>
-    <head>
-        <title>Captura de Localização</title>
-        <script>
-            function sendLocation(lat, lng) {{
-                // Esta função será chamada quando o usuário clicar no botão de compartilhar
-                window.location.href = `gradio://localhost:7860/?device_id={device_id}&device_name={device_name}&latitude=${{lat}}&longitude=${{lng}}`;
-            }}
-            function captureLocation() {{
-                if (navigator.geolocation) {{
-                    navigator.geolocation.getCurrentPosition(
-                        position => {{
-                            sendLocation(position.coords.latitude, position.coords.longitude);
-                        }},
-                        error => {{
-                            alert("Erro: " + error.message);
-                        }},
-                        {{ enableHighAccuracy: true }}
-                    );
-                }} else {{
-                    alert("Geolocalização não suportada neste navegador.");
-                }}
-            }}
-        </script>
-    </head>
-    <body>
-        <h1>Compartilhar Localização</h1>
-        <button onclick="captureLocation()">Compartilhar Minha Localização Atual</button>
-        <p>Permita o acesso à localização quando solicitado.</p>
-    </body>
-    </html>
-    """
-    with open("gps_capture.html", "w") as f:
         f.write(html_content)
-    webbrowser.open("gps_capture.html")
-    return "✔️ Abrindo captura de GPS no navegador. Por favor, compartilhe sua localização quando solicitado."
 # Função para obter mapa atualizado
 def get_updated_map():
@@ -109,6 +135,7 @@ def get_updated_map():
             FROM locations
             WHERE timestamp = (SELECT MAX(timestamp) FROM locations l2
                              WHERE l2.device_id = locations.device_id)
         ''', conn)
         conn.close()
@@ -122,61 +149,70 @@ def get_updated_map():
         for _, row in df.iterrows():
             folium.Marker(
                 [row['latitude'], row['longitude']],
-                popup=f"{row['device_name']}<br>Atualizado: {row['timestamp']}",
-                icon=folium.Icon(color='blue')
             ).add_to(m)
         return m._repr_html_()
     except Exception as e:
-        return f"Erro: {str(e)}"
 # Interface Gradio
 def create_interface():
     with gr.Blocks(title="📍 Monitor GPS Automático") as demo:
-        gr.Markdown("## 📍 Monitor de Localização Familiar")
         with gr.Row():
-            device_id = gr.Textbox(label="ID do Dispositivo", value="celular_principal")
-            device_name = gr.Textbox(label="Nome para Exibição", value="Celular Principal")
         with gr.Row():
-            with gr.Column():
-                gr.Markdown("### Captura Automática")
-                gps_btn = gr.Button("📡 Obter Localização Atual")
-                gps_status = gr.Textbox(interactive=False)
-                gps_btn.click(
-                    start_gps_capture,
-                    inputs=[device_id, device_name],
-                    outputs=gps_status
-                )
-            with gr.Column():
-                gr.Markdown("### Inserção Manual")
-                with gr.Row():
-                    latitude = gr.Number(label="Latitude")
-                    longitude = gr.Number(label="Longitude")
-                manual_btn = gr.Button("📌 Inserir Manualmente")
-                manual_status = gr.Textbox(interactive=False)
-                manual_btn.click(
-                    add_location,
-                    inputs=[device_id, device_name, latitude, longitude],
-                    outputs=manual_status
-                )
         with gr.Tab("Mapa em Tempo Real"):
             map_html = gr.HTML(get_updated_map())
-            gr.Timer(10.0, get_updated_map, None, map_html)
-        with gr.Tab("Dados"):
             gr.Dataframe(
                 lambda: pd.read_sql_query(
-                    "SELECT device_name, latitude, longitude, timestamp FROM locations ORDER BY timestamp DESC",
                     sqlite3.connect('locations.db')
                 ),
-                interactive=False
             )
     return demo

 from folium import plugins
 import webbrowser
 import os
 # Configuração do banco de dados
 def init_db():
     except Exception as e:
         return f"❌ Erro: {str(e)}"
+# Função para criar página HTML que captura a localização automaticamente
+def create_auto_gps_page(device_id, device_name):
     html_content = f"""
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Compartilhamento de Localização</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+        body {{ font-family: Arial, sans-serif; padding: 20px; text-align: center; }}
+        .status {{ font-size: 18px; margin: 20px 0; font-weight: bold; }}
+        .coords {{ margin: 15px 0; }}
+    </style>
+</head>
+<body>
+    <h1>Compartilhando Localização</h1>
+    <div id="status" class="status">Obtendo sua localização...</div>
+    <div id="coords" class="coords"></div>
+    <script>
+        // Função para enviar a localização para o servidor Gradio
+        function sendToGradio(latitude, longitude, accuracy) {{
+            // Usando o esquema gradio:// para enviar os dados
+            window.location.href = `gradio://localhost:7860/?device_id={device_id}&device_name={device_name}&latitude=${{latitude}}&longitude=${{longitude}}&accuracy=${{accuracy}}`;
+        }}
+        // Tenta obter a localização automaticamente
+        function getLocation() {{
+            if (navigator.geolocation) {{
+                navigator.geolocation.watchPosition(
+                    position => {{
+                        const lat = position.coords.latitude;
+                        const lng = position.coords.longitude;
+                        const acc = position.coords.accuracy;
+                        document.getElementById('status').textContent = "Localização obtida com sucesso!";
+                        document.getElementById('coords').innerHTML =
+                            `Latitude: ${lat.toFixed(6)}<br>Longitude: ${lng.toFixed(6)}<br>Precisão: ${Math.round(acc)} metros`;
+                        // Envia para o Gradio
+                        sendToGradio(lat, lng, acc);
+                    }},
+                    error => {{
+                        document.getElementById('status').textContent = "Erro: " + error.message;
+                    }},
+                    {{
+                        enableHighAccuracy: true,
+                        maximumAge: 0,
+                        timeout: 5000
+                    }}
+                );
+            }} else {{
+                document.getElementById('status').textContent = "Geolocalização não suportada neste navegador.";
+            }}
+        }}
+        // Inicia a captura quando a página carrega
+        window.onload = getLocation;
+    </script>
+</body>
+</html>
+"""
+    with open("gps_auto_capture.html", "w") as f:
         f.write(html_content)
+    return os.path.abspath("gps_auto_capture.html")
+# Função para iniciar a captura automática
+def start_auto_gps(device_id, device_name):
+    page_path = create_auto_gps_page(device_id, device_name)
+    webbrowser.open(f"file://{page_path}")
+    return "🌍 Página de captura aberta! Permita o acesso à localização no navegador."
 # Função para obter mapa atualizado
 def get_updated_map():
             FROM locations
             WHERE timestamp = (SELECT MAX(timestamp) FROM locations l2
                              WHERE l2.device_id = locations.device_id)
+            ORDER BY timestamp DESC
         ''', conn)
         conn.close()
         for _, row in df.iterrows():
             folium.Marker(
                 [row['latitude'], row['longitude']],
+                popup=f"""
+                <b>{row['device_name']}</b><br>
+                📍 {row['latitude']:.6f}, {row['longitude']:.6f}<br>
+                ⏰ {row['timestamp']}<br>
+                🎯 Precisão: ±{row['accuracy']:.0f}m
+                """,
+                icon=folium.Icon(color='blue', icon='user', prefix='fa')
             ).add_to(m)
+        plugins.Fullscreen().add_to(m)
         return m._repr_html_()
     except Exception as e:
+        return f"<div style='color:red;padding:20px;'>Erro ao carregar mapa: {str(e)}</div>"
 # Interface Gradio
 def create_interface():
     with gr.Blocks(title="📍 Monitor GPS Automático") as demo:
+        gr.Markdown("""
+        ## 📍 Monitor de Localização em Tempo Real
+        **Sistema de rastreamento automático via GPS**
+        """)
         with gr.Row():
+            device_id = gr.Textbox(label="ID do Dispositivo", value="celular_1")
+            device_name = gr.Textbox(label="Nome do Dispositivo", value="Meu Celular")
         with gr.Row():
+            # Botão para iniciar captura automática
+            auto_gps_btn = gr.Button("📍 Iniciar Captura Automática", variant="primary")
+            gps_status = gr.Textbox(label="Status", interactive=False)
+            auto_gps_btn.click(
+                start_auto_gps,
+                inputs=[device_id, device_name],
+                outputs=gps_status
+            )
         with gr.Tab("Mapa em Tempo Real"):
             map_html = gr.HTML(get_updated_map())
+            # Atualiza o mapa a cada 5 segundos
+            gr.Timer(5.0, get_updated_map, None, map_html)
+        with gr.Tab("Histórico de Localizações"):
             gr.Dataframe(
                 lambda: pd.read_sql_query(
+                    "SELECT device_name, latitude, longitude, timestamp, accuracy FROM locations ORDER BY timestamp DESC",
                     sqlite3.connect('locations.db')
                 ),
+                interactive=False,
+                height=400
             )
+        # Manipulador para receber dados da página web
+        @demo.load(inputs=None, outputs=None)
+        def handle_gps_data(request: gr.Request):
+            params = request.query_params
+            if 'latitude' in params and 'longitude' in params:
+                add_location(
+                    params.get('device_id', 'unknown'),
+                    params.get('device_name', 'Dispositivo Móvel'),
+                    params['latitude'],
+                    params['longitude'],
+                    params.get('accuracy', 10)
+                )
     return demo