Ver Mensaje Individual
  #3 (permalink)  
Antiguo 20/06/2012, 08:12
Avatar de luna690
luna690
 
Fecha de Ingreso: marzo-2012
Ubicación: Barcelona
Mensajes: 61
Antigüedad: 12 años, 1 mes
Puntos: 3
Respuesta: Geocoding API en PHP

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>