Código
<!DOCTYPE html> <html> <head> <style> #map { height: 400px; width: 500px; } </style> </head> <body> <form method="post" action="indexito.php" name="formulario"> <input type="submit" name="btn" id="boton" value="buscar"> </form> <script type="text/javascript"> function obtener(formulario){ var jaja = document.getElementById("idtx").value; alert(jaja); }; obtener(); </script> <?php $db = new PDO('mysql:host=localhost;dbname=capitales;charset=utf8mb4', 'root', ''); foreach($db->query('SELECT * FROM capital') as $extraido) { echo "- Id: " .$extraido['id']."<br/>"; echo "- Nombre: " .$extraido['nombre']."<br/>"; echo "- Latitud: " .$extraido['lat']."<br/>"; echo "- Longitud: " .$extraido['longi']."<br/>"; } $ide = $extraido['id']; $la = $extraido['lat']; $lo = $extraido['longi']; ?> <script type="text/javascript"> var latitud = <?php echo $la ?>; var longitud = <?php echo $lo ?>; function initMap() { var uluru = {lat: latitud , lng: longitud}; var map = new google.maps.Map(document.getElementById('map'), { zoom: 15, center: uluru }); } var iden = <?php echo $ide ?>; if (jaja = iden ) { initMap(); }else{ alert('pico'); } </script> <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAHfEPAcLr09MJli4pjT3DWIk07F6oQ2tI&callback=initMap"/> </script> </body> </html>
MOD: Etiqueta GeSHi