BossBey File Manager
PHP:
8.4.18
OS:
Linux
User:
kids
Root
/
home
/
kids
/
public_html
/
app
📤 Upload
📝 New File
📁 New Folder
Close
Editing: obter.php
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Formulário de Endereço com Latitude e Longitude</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <form method="POST" action="seu_script.php"> <label for="cep">CEP:</label> <input type="text" id="cep" name="cep" maxlength="9" oninput="pesquisarEndereco(this.value)" required> <label for="logradouro">Logradouro:</label> <input type="text" id="logradouro" name="logradouro" required> <label for="bairro">Bairro:</label> <input type="text" id="bairro" name="bairro" required> <label for="cidade">Cidade:</label> <input type="text" id="cidade" name="cidade" required> <label for="estado">Estado:</label> <input type="text" id="estado" name="estado" required> <label for="complemento">Complemento:</label> <input type="text" id="complemento" name="complemento"> <label for="numero">Número:</label> <input type="text" id="numero" name="numero" required> <label for="latitude">Latitude:</label> <input type="text" id="latitude" name="latitude" required> <label for="longitude">Longitude:</label> <input type="text" id="longitude" name="longitude" required> <input type="submit" value="Enviar"> </form> <script> function pesquisarEndereco(cep) { cep = cep.replace(/\D/g, ''); if (cep.length === 8) { fetch(`https://viacep.com.br/ws/${cep}/json/`) .then(response => response.json()) .then(data => preencherEndereco(data)); } } function preencherEndereco(data) { document.getElementById('logradouro').value = data.logradouro || ''; document.getElementById('bairro').value = data.bairro || ''; document.getElementById('cidade').value = data.localidade || ''; document.getElementById('estado').value = data.uf || ''; document.getElementById('complemento').value = data.complemento || ''; document.getElementById('numero').focus(); // Use a API do OpenCage Geocoding para obter a latitude e a longitude const enderecoCompleto = `${data.logradouro}, ${data.bairro}, ${data.localidade}, ${data.uf}`; obterLatitudeLongitude(enderecoCompleto); } function obterLatitudeLongitude(endereco) { const apiKey = 'dbac33e42c504f4ea29e2d550960540f'; // Substitua pela sua própria API Key const url = `https://api.opencagedata.com/geocode/v1/json?q=${encodeURIComponent(endereco)}&key=${apiKey}`; $.get(url, function (data) { if (data.results && data.results.length > 0) { const latitude = data.results[0].geometry.lat.toFixed(7); const longitude = data.results[0].geometry.lng.toFixed(7); document.getElementById('latitude').value = latitude; document.getElementById('longitude').value = longitude; } else { alert('Endereço não encontrado.'); } }); } </script> </body> </html>
Save
Cancel