[SOLUCIONADO] Geocoding API en PHP

luna690 · #1 (**permalink**) 20/06/2012, 05:47

Hola,

he estado buscando por internet, y no veo ningún ejemplo que me explique como utilizar Geocoding con PHP sin Mysql/XML...

La API de codificación geográfica de Google la teneis aquí explicada: https://developers.google.com/maps/d...ding/?hl=es-ES

He comprovado mediante el navegador si poniendo ciudades en español funciona, por ejemplo: "Buenos Aires". http://maps.googleapis.com/maps/api/...es&sensor=true

Así puedo obtener las coordenadas:
"location" : {
"lat" : -34.60372320,
"lng" : -58.38159310
}

Pero como puedo hacerlo en PHP para saber las coordenadas, para después mostrar un mapa de la ciudad (Google Maps)?

Código PHP:

  function get_coordenadas($nombre){ 
    $SERVER_URL = "http://maps.googleapis.com/maps/api/geocode/json?address=".$nombre."&sensor=true"; 
     
     
}

#2 (**permalink**) 20/06/2012, 08:05

Cita:

Iniciado por luna690

Hola,
he estado buscando por internet, y no veo ningún ejemplo que me explique como utilizar Geocoding con PHP sin Mysql/XML...

No entiendo la pregunta.
La toma (o lectura) de datos que nos ofrece Google Maps y que nos permte realizar ingeniería inversa es

Código Javascript:

Ver originalif (status == google.maps.GeocoderStatus.OK) {
  if (results[0]) {
    direccion = results[0].formatted_address;
    coordenadas = results[0].geometry.location;
  }
}

Desde un dato de Longitud, latitud puedo saber la dirección o desde una dirección puedo saber sus coordenadas

Podré acceder al país, región, ciudad o calle.

La segunda parte es la que no entiendo: ¿Qué tengo que hacer con los datos?

luna690 · #3 (**permalink**) 20/06/2012, 08:12

Mira, tengo una página dónde escojo de dos desplegables país y ciudad, y puedo poner un comentario que lo guardo en la BD (guardo pais+ciudad+comentario+usuario+fecha).

Más abajo tengo un textbox en el cual puedo poner el nombre de una ciudad y clicar ACEPTAR. Entonces, se va a otra página donde habrá todos los comentarios de la ciudad seleccionada y un pequeño mapa de la ciudad.

Para poner un mapa de la ciudad (GoogleMaps), necesito tener las coordenadas de la ciudad verdad? Por lo tanto, tengo que pasar el nombre de la ciudad a coordenadas.

Te dejo escrito el código que tengo (en éste caso siempre sale el mismo mapa, si te fijas). Te dejo la página 2:

Código PHP:

  <?php include("funcionsBD.php");
    $estado = $_POST['txt_cerca'];
    
    $coordLat = "-34.60372320";
    $coordLng = "-58.38159310";
    
    $comentaris = get_comentarisEstado($estado);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>DWS</title>
    <link rel="stylesheet" type="text/css" href="estil.css">
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script type="text/javascript" src="jquery/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            load_map();
        });
        
        function load_map() {
            var myLatlng = new google.maps.LatLng(document.getElementById("hdd_coordLat").value, document.getElementById("hdd_coordLng").value);
            var myOptions = {
                zoom: 7,
                center: myLatlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new google.maps.Map($("#map_canvas").get(0), myOptions);
        }
    </script>
</head>

<body>
<div class="fondo"></div>
<h3><?php echo $estado; ?></h3>
<a href="index.php">Tornar a la pagina principal</a><br /><br />

<div id="demo">
    <div id="map_canvas"></div>
    <br />
     <?php while ($row = mysql_fetch_assoc($comentaris)){ ?>
        <div id="visualitzar">
            <?php if($row['imatge']!=NULL && $row['imatge']!=""){ ?><img src="<?php echo "img/".$row['imatge']; ?>" width="60" height="45" align="left" /><?php } ?>
            <span><b><?php echo $row['usuari']." (".$row['data']."): "; ?></b><?php echo $row['coment']; ?></span>
        </div>
        <div class="clear"></div>
    <?php } ?>
    
</div>

<input type="hidden" name="hdd_estado" id="hdd_estado" value="<?php echo $estado; ?>" />
<input type="hidden" name="hdd_coordLat" id="hdd_coordLat" value="<?php echo $coordLat; ?>" />
<input type="hidden" name="hdd_coordLng" id="hdd_coordLng" value="<?php echo $coordLng; ?>" />

</body>
</html>

luna690 · #4 (**permalink**) 20/06/2012, 08:44

Con ésta función he logrado obtener el array de las coordenadas+nombre del pais..., pero como cojo las coordenadas [lat] y [lng] ?

Código PHP:

  function get_coordenadas($nombre){
    $url = "http://maps.googleapis.com/maps/api/geocode/json?address=".$nombre."&sensor=true";
    $data = @file_get_contents($url);
    $jsondata = json_decode($data,true);

    print_r($jsondata); echo "<br><br>";
    if(is_array($jsondata)){
        $lat = $jsondata['results'][0]['formatted_address'];
    }
    echo $lat; exit(1);
}

#5 (**permalink**) 20/06/2012, 09:00

Te sugiero lo siguiente:

En la primera pagina inserta un input type="hidden" y recogelo en tu base de datos. (latitud y longitud, o lat lng, como quieras).
No olvides incluir el enlace a src="http://maps.google.com/maps/api/js?sensor=true" en la primera hoja

Código HTML:

Ver original<input type="hidden" name="hdd_coordLatLng" id="hdd_coordLatLng" value="" />

En javascript rellenas el campo vacío de latitud y longitud:

Código Javascript:

Ver originalfunction estado() {  //puedes incluirlo en la función donde recoges los datos para la base de datos
  var estado = document.getElementById('estado').value;  //El id que tengas para recoger la ciudad
  if (geocoder) {
    geocoder.geocode({
      'address': estado, //el mismo nombre que la variable anterior
      function (results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        if (results[0]) {
          document.getElementById("hdd_coordLatLng").value = results[0].geometry.location;
          }
       }      
      }
    }
  }
}

Luego lo trasladarás a tu segunda hoja, ya como

Código PHP:

Ver original$coordLatLng = $_POST['coordLatLng'];'];

Confío haberte comentado lo importante. Revisa los nombres y ya ves que en la segunda hoja van unidos lat y lng

#6 (**permalink**) 20/06/2012, 09:12

Hay una segunda solución que voy a tratar de armártela ahora. Y es inssrtar la ingeniería inversa en la segunda hoja.

Voy a trabajar tu javascript

#7 (**permalink**) 20/06/2012, 09:36

Es más fácil la ingeniería inversa solamente en el script final

Este código reemplaza el que tienes en la cabecera.

Ahí va:

Código Javascript:

Ver original$(document).ready(function () {
  load_map();
});
 
function load_map() {
  var myLatlng = new google.maps.LatLng(document.getElementById("hdd_coordLatLng").value, document.getElementById("hdd_coordLng").value);
  var myOptions = {
    zoom: 7,
    center: new google.maps.LatLng(42.846664, -2.673563),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map($("#map_canvas").get(0), myOptions);
  coordenadas();
}
 
function coordenadas() { 
  var ciudad = document.getElementById('ciudad').value;  //El id que tengas para recoger la ciudad
  if (geocoder) {
    geocoder.geocode({
      'address': ciudad //el mismo nombre que la variable anterior
      function (results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        if (results[0]) {
          document.getElementById("hdd_coordLatLng").value = results[0].geometry.location;
          }
       }      
      }
    }
  }
}

Te recuerdo que ya solamente va un solo campo lat lng con valor vacío

Código HTML:

Ver original<input type="hidden" name="hdd_coordLatLng" id="hdd_coordLatLng" value="" />

(Nos ahorramos la base de datos)

#8 (**permalink**) 20/06/2012, 09:48

En el javascript de mi primera entrada (y lo corregí en la segunda), en la línea
'address': ciudad //el mismo nombre que la variable anterior
NO DEBE IR coma (,) después de ciudad.

Creo que ambos te funcionarán pero es menos lioso el segundo.
Saludos

luna690 · #9 (**permalink**) 20/06/2012, 12:52

Bieeen! Lo he solucionado, muchas gracias :)

daviunx · #10 (**permalink**) 29/06/2012, 17:26

Gracias por las respuestas. El código no estava del todo correcto, faltavan '{ ' y alguna coma.

Antes se debe importar, por ejemplo:
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

Ahi va el código arreglado:

Código:

function coordenadas() { 
//                var ciudad = document.getElementById('ciudad').value; *//El id que tengas para recoger la ciudad
                var geocoder= new google.maps.Geocoder(); 
                if(geocoder) {                                               
                     geocoder.geocode({
                        'address': direccion }, //el mismo nombre que la variable anterior
                     function(results, status){
                         if (status == google.maps.GeocoderStatus.OK) {
                               if (results[0]) {                                                             
                                       alert(results[0].geometry.location);
                               }
                          } else {
                              alert("error");
                          }
                     } );               
                } else {
                       alert('Error obteniendo objeto Geocoder');
                }
  }

Saludos!