elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Los 10 CVE más críticos (peligrosos) de 2020


  Mostrar Temas
Páginas: [1]
1  Programación / Desarrollo Web / Se necesita ayuda con este codigo, la idea es mostrar un mapa segun la id ingres en: 6 Noviembre 2017, 17:33 pm
Código
  1. <!DOCTYPE html>
  2.       #map {
  3.        height: 400px;
  4.        width: 500px;
  5.       }
  6. </style>
  7. </head>
  8. <form method="post" action="indexito.php" name="formulario">
  9. <label>Ingrese id</label> <br> <br>
  10. <input type="text" name="id" id="idtx"/><br> <br>
  11. <input type="submit" name="btn" id="boton" value="buscar">
  12. </form>
  13.  
  14. <h3>Geolocalizacion</h3>
  15.     <div id="map"></div>
  16.     <script type="text/javascript">
  17.     function obtener(formulario){
  18.     var jaja = document.getElementById("idtx").value;
  19.     alert(jaja);
  20.     };
  21.     obtener();
  22.     </script>
  23.  
  24. <?php
  25.  
  26. $db = new PDO('mysql:host=localhost;dbname=capitales;charset=utf8mb4', 'root', '');
  27. foreach($db->query('SELECT * FROM capital') as $extraido) {
  28.     echo "- Id: " .$extraido['id']."<br/>";
  29. echo "- Nombre: " .$extraido['nombre']."<br/>";
  30. echo "- Latitud: " .$extraido['lat']."<br/>";
  31. echo "- Longitud: " .$extraido['longi']."<br/>";
  32. }
  33.   $ide = $extraido['id'];
  34. $la = $extraido['lat'];
  35.   $lo = $extraido['longi'];
  36. ?>
  37.  <script type="text/javascript">
  38.   var latitud = <?php echo $la ?>;
  39.   var longitud = <?php echo $lo ?>;
  40. function initMap() {
  41.         var uluru = {lat: latitud , lng: longitud};
  42.         var map = new google.maps.Map(document.getElementById('map'), {
  43.           zoom: 15,
  44.           center: uluru
  45.         });
  46.     }
  47.     var iden = <?php echo $ide ?>;
  48.     if (jaja = iden ) {
  49. initMap();
  50. }else{
  51. alert('pico');
  52. }
  53.  </script>
  54.    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAHfEPAcLr09MJli4pjT3DWIk07F6oQ2tI&callback=initMap"/>
  55. </script>
  56. </body>
  57. </html>

MOD: Etiqueta GeSHi
Páginas: [1]
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines