Código (html4strict) [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
#map {
height: 400px;
width: 500px;
}
</style>
</head>
<body>
<form method="post" action="indexito.php" name="formulario">
<label>Ingrese id</label> <br> <br>
<input type="text" name="id" id="idtx"/><br> <br>
<input type="submit" name="btn" id="boton" value="buscar">
</form>
<h3>Geolocalizacion</h3>
<div id="map"></div>
<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