Pasar variables javascript a php

[cadsys]

Hola buenas tengo el sistema de geolocalización de google pero me gustaría pasar las variables de longitud y latitud a variables php, soy un poco nuevo es esto y me gustaría saber como lo puedo hacer para tener esas variables en php. Pongo el código para que lo veáis. las que están en negrita son las que me interesan. Incluso se podría sacar también la dirección o sea la calle donde esta la ubicación. También la imagen del mapa que se muestra guardarlo como un jpg o png. Muchas gracias de antemano.

<div id='ubicacion'>
</div>

<div id="mapholder"></div>
<div id="desc">
<div id="GeocodeResponse"></div>

<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script src="http://maps.googleapis.com/maps/api/geocode/xml?sensor=true"></script>
<script type="text/javascript">
//<![CDATA[
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(mostrarUb icacion);
} else {alert("¡Error! Este navegador no soporta la Geolocalización.");}
function mostrarUbicacion(position) {
var times = position.timestamp;
var latitud = position.coords.latitude;
var longitud = position.coords.longitude;
var altitud = position.coords.altitude;
var exactitud = position.coords.accuracy;
var div = document.getElementById("ubicacion");
div.innerHTML = "Timestamp: " + times + "<br>Latitud: " + latitud + "<br>Longitud: " + longitud + "<br>Altura en metros: " + altitud + "<br>Exactitud: " + exactitud;}
function refrescarUbicacion() {
navigator.geolocation.watchPosition(mostrarUbicaci on);}
//]]>
</script>
<script>
//<![CDATA[
var x=document.getElementById("demo");
navigator.geolocation.getCurrentPosition(showPosit ion,showError);
function showPosition(position)
{
lat=position.coords.latitude;
lon=position.coords.longitude;
latlon=new google.maps.LatLng(lat, lon)
mapholder=document.getElementById('mapholder')
mapholder.style.height='250px';
var myOptions={
center:latlon,zoom:10,
mapTypeId:google.maps.MapTypeId.ROADMAP,
mapTypeControl:false,
navigationControlOptions:{style:google.maps.Naviga tionControlStyle.SMALL}
};
var map=new google.maps.Map(document.getElementById("mapholder "),myOptions);
var marker=new google.maps.Marker({position:latlon,map:map,title: "You are here!"});
}

function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="Denegada la peticion de Geolocalización en el navegador."
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="La información de la localización no esta disponible."
break;
case error.TIMEOUT:
x.innerHTML="El tiempo de petición ha expirado."
break;
case error.UNKNOWN_ERROR:
x.innerHTML="Ha ocurrido un error desconocido."
break;
}
}
//]]>

</script>

[IsaBelM]

No es posible. Primero se ejecuta la parte del servidor y después la parte de código del lado del cliente

[Alexis88]

Envíalas mediante Ajax, así podrás mostrar el resultado con PHP (como respuesta de la petición) cuando ya se haya ejecutado el front.

Saludos

[PHPeros]

Entonces tendría más sentido implementar el API en el servidor, ¿no?.

Estilo: http://www.geoplugin.com/webservices/php

[cadsys]

Bien, gracias, pero como se haria Alexis88 en ajax soy nuevo y me podriais decir como tendria que hacerlo, gracias de nuevo a todos.

[Alexis88]

Envío los datos:

Código Javascript:

var ajax = new XMLHttpRequest(),
    metodo = "GET",
    url = "ejemplo.php?dato1=foo&dato2=bar",
    asincrono = true;
 
ajax.open(metodo, url, asincrono);
ajax.addEventListener("load", function(){
    if (ajax.status == 200){
        alert(ajax.responseText); //Acá muestro la respuesta
    }
}, false);
ajax.send();
 

Los recibo y envío una respuesta:

Código PHP:

$dato1 = $_GET['dato1'];
$dato2 = $_GET['dato2'];
 
echo 'Los datos recibidos son ' . $dato1 . ' y ' . $dato2;
 

Esto imprimirá:

Código HTML:

Los datos recibidos son foo y bar
 

Y, como puedes ver, en la línea número 9 del código JavaScript de este ejemplo, muestro la respuesta del archivo PHP, que no es otra cosa que lo que he impreso en él.

No te quedes con esto y busca más en internet. Hay muy buena literatura al respecto.

Saludos

[cadsys]

Muchisimas gracias, un saludo.