Este código funciona perfectamente desde el navegador del ordenador, pero no asi desde un navegador de movil, a que puede ser debido ?. Adjunto código en HTML, asi como el script PHP que utilizo para pasar las variables.
Gracias
Adjunto código HTML y script PHP
Gracias
Adjunto código HTML y script PHP
Código (html5) [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title> Geolocalización </title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<!-- Script para mostrar las coordenadas-->
<script type="text/javascript">
if (navigator.geolocation) { //Validar si hay acceso web a la ubicación
navigator.geolocation.getCurrentPosition(mostrarUbicacion); //Obtiene la posición
} else {
alert("¡Error! Este navegador no soporta la Geolocalización.");
}
//Funcion para obtener latitud y longitud
function mostrarUbicacion(position) {
var latitud = position.coords.latitude; //Obtener latitud
var longitud = position.coords.longitude; //Obtener longitud
var div = document.getElementById("coordenadas");
<!-- div.innerHTML = "<br>Latitud: " + latitud + "<br>Longitud: " + longitud; //Imprime latitud y longitud -->
// ----- INICIO Convertimos las variables de javascript en variables de PHP
$( document ).ready(function() {
// Definimos las variables de javascrpt
var lon_pt = longitud;
var lat_pt = latitud;
// Ejecutamos AJAX
$("#contenedor").load("geolocalizacion.php",{lon_pt, lat_pt});
});
// ----- FIN Convertimos las variables de javascript en variables de PHP
}
</script>
</head>
<body>
<!-- División o secciona para mostrar coordenadas -->
<!-- <div id='coordenadas'></div> -->
<section id="contenedor" style='border:solid 1px black; width:50%; height:100px;'></section>
</body>
</html>
<!-- Aqui comienza el script PHP -->
<?php
session_start();
$_SESSION['vphplon'] = $_REQUEST['lon_pt'];
$_SESSION['vphplat'] = $_REQUEST['lat_pt'];
echo "coordenadas" ;
echo $_SESSION['vphplon'];
echo $_SESSION['vphplat'];
?>