Seleccionar coordenadas, guardar y mostrar google maps

kimmy · #1 (**permalink**) 26/06/2012, 16:28

Hola amigos:

Estoy tratando de generar un administrador web en donde se puedan cargar u mapa de ubicación según cada hotel que se almacene.

Para ello debo cargar la latitud y longitud de la dirección del hotel para almacenarla en mysql y posteriormente mostrar el mapa generado de esas coordenadas (en otro sector de la web).

He buscado información en la Api de Google Maps pero ellos explican en este enlace:

https://developers.google.com/maps/a...ocode?hl=es-ES

que deben cargarse unos datos ya establecidos en el archivo CSV, pero en mi caso los datos se establecerán en el momento que se tenga la información de cada nuevo hotel.

No se hacer para que aparezca algo que me pueda dar las coordenadas para agregarlas a la BD.

Mucho les agradezco me indiquen donde puedo conseguir esto para aplicarlo.

Gracias

Triby · #2 (**permalink**) 26/06/2012, 17:31

No he probado, pero podría servirte: https://developers.google.com/maps/d...ion/geocoding/

kimmy · #3 (**permalink**) 26/06/2012, 21:20

Gracias Triby. Lei el enlace que me enviaste pero no lo encontré muy acorde o no supe como usarlo. Segui investigando y encontre uno en rincondelcodigo.com que hace lo que necesito pero como me guarda la latitud y longitud en numeros asi: 10.495491892912016 y -66.11503601074219, no se como hacer para que me muestre el mapa en otra parte con esas coordenadas.

Cómo puedo hacer esto???

miSko · #4 (**permalink**) 27/06/2012, 02:23

Esto ya no es php, esto es javascript y mas en concreto la api de google maps.

No recuerdo muy bien como era el comando, pero cuando creabas el mapa de google map, habia algo parecido a:

map.setCenter(coordenadas1,coordenadas2) ;

Pues eso es mas o menos lo que necesitarias, con las coordenadas de tu base de datos, generar el mapa de google con ese comando.

kimmy · #5 (**permalink**) 26/07/2012, 23:10

Hola todavía estoy resolviendo este tema. Ya logré conseguir la forma de mostrar el mapa pero no se como pasarle la consulta de la base de datos al javascript para que tome las coordenadas almacenadas.

Este es mi código:

Código PHP:

Ver original<!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>Untitled Document</title>
<script src="http://maps.google.com/maps?file=api&v=3&key=ABQIAAAAp9wVclPicp2HGB4QNX-LLRTqx4D3bS478d-1w1nVZmw5mBzr_hTd8Hb4lXsLPv7hW7mRH6_tkUmJ3g" type="text/javascript"></script>
<script type="text/javascript">
 
var map      = null;
var geocoder = null;
  
function load() {
 
 map = new GMap2(document.getElementById("map"));
 map.setCenter(new GLatLng(10.4937589840847,-66.1071181297302), 15);
 map.addControl(new GSmallMapControl());
 map.addControl(new GMapTypeControl());
 geocoder = new GClientGeocoder();
     }
 function showAddress(address, zoom) {
 
if (geocoder) {
          geocoder.getLatLng(address,
             function(point) {
               if (!point) {
                alert(address + " not found");
               } else {
                map.setCenter(point, zoom);
                var marker = new GMarker(point);
                map.addOverlay(marker);
                document.form_mapa.coordenadas1.value = point.y;
                document.form_mapa.coordenadas2.value = point.x;
                  }
 
                }
 
         );
 
       }}
</script>
</head>
 
<body onLoad="load();"  onunload="GUnload();"> 
<center>
<div align="center" id="map" style="height: 425px; width: 425px;">
</div>
</center> 
</body>
</html>

en esta parte:

Código Javascript:

Ver originalmap.setCenter(new GLatLng(10.4937589840847,-66.1071181297302), 15);

le coloqué las coordenadas directamente, pero la idea es que las tome de la bd según sea el caso.

Cómo puede hacer esto???

Gracias

kimmy · #6 (**permalink**) 27/07/2012, 10:23

Hola logré hacer esto con la función javascript y el php:

Código Javascript:

Ver originalfunction load() {
 [<?php
    $rs = mysql_query("SELECT * FROM coordenadas");
    while($row=mysql_fetch_array($rs))
    {
        $coordenada1 = $result['coordenada1'];
        $coordenada2 = $result['coordenada2'];
    }
?>];
var coordenada1= "<?php echo $coordenada1; ?>" ;
var coordenada2= "<?php echo $coordenada2; ?>" ;
 
 
 map = new GMap2(document.getElementById("map"));
 map.setCenter(new GLatLng(coordenada1,coordenada2), 15);
 map.addControl(new GSmallMapControl());
 map.addControl(new GMapTypeControl());
 geocoder = new GClientGeocoder();
     }
 function showAddress(address, zoom) {
 
if (geocoder) {
          geocoder.getLatLng(address,
             function(point) {
               if (!point) {
                alert(address + " not found");
               } else {
                map.setCenter(point, zoom);
                var marker = new GMarker(point);
                map.addOverlay(marker);
                document.form_mapa.coordenadas1.value = point.y;
                document.form_mapa.coordenadas2.value = point.x;
                  }
 
                }
 
         );
 
       }}

debería funcionar pero no funciona y no se porque.

Por favor de verdad necesito una ayudita.

Gracias

kimmy · #7 (**permalink**) 27/07/2012, 13:07

Estoy feliz, ya lo resolví. Era que estaba mal la consulta mysql.

Se los dejo para que lo puedan usar, pues no tuve suerte en las respuestas y se que nos cuesta a algunos.

Este es el código completo:

Código PHP:

Ver original<?php
include ('func/db.php');
 
$conexion = db_connect();
  if (!$conexion )
   return 0;
   
$rs = mysql_query("SELECT * FROM coordenadas WHERE id='1'");
    while($result=mysql_fetch_array($rs))
    {
    $id = $result['id'];
        $coordenada1 = $result['coordenada1'];
        $coordenada2 = $result['coordenada2'];
        
    }
?>
 
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mapa</title>
<script src="http://maps.google.com/maps?file=api&v=3&key=ABQIAAAAp9wVclPicp2HGB4QNX-LLRTqx4D3bS478d-1w1nVZmw5mBzr_hTd8Hb4lXsLPv7hW7mRH6_tkUmJ3g" type="text/javascript"></script>
<script type="text/javascript">
 
var map      = null;
var geocoder = null;
  
function load() {
 
var coordenada1= "<?php echo $coordenada1; ?>";
var coordenada2= "<?php echo $coordenada2; ?>";
 
 
 map = new GMap2(document.getElementById("map"));
 map.setCenter(new GLatLng(coordenada1,coordenada2), 15);
 map.addControl(new GSmallMapControl());
 map.addControl(new GMapTypeControl());
 geocoder = new GClientGeocoder();
     }
 function showAddress(address, zoom) {
 
if (geocoder) {
          geocoder.getLatLng(address,
             function(point) {
               if (!point) {
                alert(address + " not found");
               } else {
                map.setCenter(point, zoom);
                var marker = new GMarker(point);
                map.addOverlay(marker);
                document.form_mapa.coordenadas1.value = point.y;
                document.form_mapa.coordenadas2.value = point.x;
                  }
 
                }
 
         );
 
       }}
</script>
</head>
 
<body onLoad="load();"  onunload="GUnload();"> 
<center>
<div align="center" id="map" style="height: 425px; width: 425px;">
</div>
</center> 
</body>
</html>

#8 (**permalink**) 29/07/2012, 04:01

kimmy, creo que me vas a odiar un poco, pero me parece importante decirlo.
(si antes no entré en el tema es porque sencillamente no lo ví)

Estás trabajando con la V2 de Google Maps. Hoy ya es obsoleta

"Nota: El JavaScript de Google Maps API Versión 2 ha sido oficialmente descartada el 19 de mayo de 2010. La API V2 seguirá trabajando hasta el 19 de mayo 2013. Le animamos a migrar el código a la versión 3 del API de Google Maps JavaScript. (leer aquí)

A mí me toco migrar todo y merece la pena, aparte de tener la seguridad que sobrevivirá más allá del 2013.

La documentación a tu tema, (considero que más clara y limpia que en otros temas de Google Maps) la puedes encontar aquí.

Entre otras cosas creo que vas a ganar en velocidad, aparte de los servicios propios de la V3.

Saludos

kimmy · #9 (**permalink**) 30/07/2012, 23:49

txemaarbulo, muchas gracias por las sugerencias. En efecto, al explorar para mostrar el mapa y ponerle algunos detalles me percarté de lo de la versión 3 y ya lo corregí.

Igualmente gracias por tener el detalle de escribir para estar actualizada.

nxnosxn · #10 (**permalink**) 03/02/2016, 11:11

Que tal me gustaría saber como resolviste lo de la actualización a la version 3 de la API de google maps. estoy intentando hacer lo mismo que ti. tomando de una base de datos de mysql los datos de latitud y longitud y utilizarlos en la api para ubicar esos puntos automáticamente. Necesito de ayuda porfavor escribeme a mi correo electronico. Muchas Gracias

Sandala · #11 (**permalink**) 06/04/2016, 16:26

Hola a todos, cómo le hacen para que se dibujen los markers en el mapa a partir de los datos que se encuentren almacenados en una BD, HE ENCONTRADO VARIOS EJEMPLOS PERO INVERSOS, es decir que los MARKERS se agregan y se guardan en la BD, yo no quiero eso solo que lea los que ya tenga almacenados. Estoy utilizando la API V3

Ayuda por favor :(