Alguien sabe usasr Google maps de esta manera?

Sashenka19 · #1 (**permalink**) 10/04/2009, 18:39

hola chicos espero que esten bien, espero no sea mucha molestia pero necesito hacer esto para un proyecto en PHP, lo que necesito es que al registrar un anuncio para un clasificado en la seccion de inmuebles yo pueda asociar al anuncio un mapa de google maps tal como se muestra en esta web: clasificados.peru.com/publicacion/inmueble0.aspx y por teriormente poder verlo cuando vean el anuncio tal como en este ejemplo: clasificados.peru.com/anuncio/inmueble_mapa.aspx?aid=7271 por favor haber si algun alma caritativa me puede guiar y explicar su funcionamiento, le estare muy agradecida.

Gracias de antemano.

Sashe.

gerson · #2 (**permalink**) 10/04/2009, 19:15

Hola Sashenka19 pues hace poco realice algo parecido por no decir algo igual, pero bueno para eso tienes que registrarte y obtener una clave de API maps http://code.google.com/intl/es-ES/apis/maps/ , aqui encontraras los pasos para poder usarlo... como veras hay dos mapas que tienes q desarrollar o mejor dicho implementar el primero es para obtener las coordenadas esto lo puedes hacer con un poco de javascript y/o ajax y el segundo es mas facil pues solo es armar el script con las coordenadas... estos ejemplos estan en la direccion que te puse.

Espero que estas pautas te ayuden un poco, cualquier duda comentalo...

Salud2

Sashenka19 · #3 (**permalink**) 11/04/2009, 09:48

Muchas gracias Gerson enseguida me pongo a leer lo que me enviaste.

Besoss.

Sashenka19 · #4 (**permalink**) 11/04/2009, 17:04

Hola nuevamente, eh leido acerca de google maps y he estado haciendo pruebas y la parte donde muestro un marcador sacando de una tabla como esta:

id
name
direccion
latitud
altitud
zoom

y al mostrar un determinado mapa con la ubicacion del marcador no tengo problemas eso lo tengo solucionado pero lo que yo deseo es poder agregar un marcador desde un mapa y que se guarde en mi tabla tal como ocurre en esta web: clasificados.peru.com/publicacion/inmueble0.aspx en la parte donde dice agregar mapa, por favor si alguien seria amable de poder ayudarme. Para eso estoy usando php con mysql.

Gacias por su valioso tiempo

Sashenka Patricia.

gerson · #5 (**permalink**) 11/04/2009, 22:28

Hola de nuevo Sashenka19.

Este codigo te sera de ayuda:

Código HTML:

<!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>prueba</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=AQUI-COLOCAR-EL-CODIGO-QUE-TE-GENERO-GOOGLE"    type="text/javascript"></script>
<script type="text/javascript">
  function load()
    {
        if (GBrowserIsCompatible())
        {
            var map = new GMap(document.getElementById("map"));
            var lon = '-77.013258934021';
            var lat = '-12.0915698713503';
            
            map.centerAndZoom(new GPoint(lon,lat), 2);
            map.addControl(new GMapTypeControl());
            map.addControl(new GLargeMapControl());
            
            var point = new GPoint(lon,lat);
            var marker = new GMarker(point);
            map.addOverlay(marker);
            
            GEvent.addListener(map, 'click', function(overlay, point)
            {
                if (overlay)
                {
                    map.removeOverlay(overlay);
                }
                else if (point)
                {
                    map.recenterOrPanToLatLng(point);
                    var marker = new GMarker(point);
                    map.addOverlay(marker);
                }
            });
                
                GEvent.addListener(map, 'click', function(overlay, point)
            {
                document.getElementById("txt_latitud").value=point.y;
                document.getElementById("txt_longitud").value=point.x;
            });
                
        }
  }

</script>
</head>
<body onload="load();" >

<div id="map" style="width:460px;height:300px"></div>
<br />
LAT.<br />
<input name="txt_latitud" type="text" id="txt_latitud" value="" />
<br /><br />
LON.<br />
<input name="txt_longitud" type="text" id="txt_longitud" value="" />

</body>
</html>

Veras que al hacer clic en algun citio en los text se mostraran los parametros que necesitas, solo te quedaria guardarlos.

Suerte con el codigo. cualquier duda avisa.

Salud2

GatorV · #6 (**permalink**) 11/04/2009, 22:38

Tema trasladado desde PHP.

Sashenka19 · #7 (**permalink**) 12/04/2009, 13:04

Muchas gracias Gerson, probe tu ejemplo y esta muy bien voy hacer para que solamente cree un marcador y que ese marcador se pueda mover a cualquier parte y ahi capturar la latitud y altitud y asi guardarlos en la base de datos, de verdad muchas gracias por tu interes en ayudar y si tengo alguna duda por favor te seguire molestando.

Gracias y un beso.

gerson · #8 (**permalink**) 12/04/2009, 15:30

Gracias por el beso... XD, sobre los marcadores, bueno solo tomara el ultimo que se creo y cuando lo muestres solo se vera uno... bueno cualquier duda estoy para servirte.

Salu2