Foros del Web » Creando para Internet » Diseño web »

Google Maps + Iframe + Automático

Estas en el tema de Google Maps + Iframe + Automático en el foro de Diseño web en Foros del Web. Buenas; tengo un formulario web, en donde uno de los campos a completar es la locación del lugar. Ahora quisiera agarrar esa dirección que me ...
  #1 (permalink)  
Antiguo 10/02/2009, 17:43
 
Fecha de Ingreso: septiembre-2006
Mensajes: 132
Antigüedad: 11 años, 3 meses
Puntos: 2
Pregunta Google Maps + Iframe + Automático

Buenas;

tengo un formulario web, en donde uno de los campos a completar es la locación del lugar.

Ahora quisiera agarrar esa dirección que me da el formulario y de alguna forma que se muestre en un IFRAME usando google maps, que directamente me muestre el lugar marcado en el mapa, simplemente desde una direccion ejemplo asi: "san isidro, buenos aire"

Es posbile, como hago para que el iframe interprete esa direccion y me la muestre automaticamente sin necesidad de un link en el mapa?

gracias, espero que alguien sepa la solución
__________________
Gracias por todo
Saludos!!!
  #2 (permalink)  
Antiguo 10/02/2009, 18:02
Avatar de trasgukabi  
Fecha de Ingreso: septiembre-2004
Mensajes: 2.749
Antigüedad: 13 años, 3 meses
Puntos: 18
Respuesta: Google Maps + Iframe + Automático

Esta es la URL que Google te enseña al buscar eso que dices. Adaptarlo a que sea esa búsqueda u otra es muy fácil.

http://maps.google.com/maps?f=q&sour...s&ie=UTF8&z=11
  #3 (permalink)  
Antiguo 10/02/2009, 18:05
 
Fecha de Ingreso: septiembre-2006
Mensajes: 132
Antigüedad: 11 años, 3 meses
Puntos: 2
Claro, pero desde un IFRAME es difenrete, porque yo en el IFRAME sólo quiero que se muestre el mapa, no con todo el resto.

Código:
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=san+isidro,+buenos+aires&amp;ie=UTF8&amp;z=11&amp;iwloc=addr&amp;ll=-35.1985,-59.582977&amp;output=embed&amp;s=AARTsJr8MTiDYtxY_vmoGvFk-KRzn_waoQ"></iframe><br />
Pero si modifico solo esto, me tira error:

Código HTML:
http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=san+isidro,+buenos+aires&amp;ie=UTF8&amp;z=11&amp;iwloc=addr&amp;ll=-35.1985,-59.582977&amp;output=embed&amp;s=AARTsJr8MTiDYtxY_vmoGvFk-KRzn_waoQ
__________________
Gracias por todo
Saludos!!!

Última edición por GatorV; 10/02/2009 a las 23:00
  #4 (permalink)  
Antiguo 10/02/2009, 18:07
Avatar de hgp147  
Fecha de Ingreso: diciembre-2006
Ubicación: Buenos Aires, Argentina
Mensajes: 980
Antigüedad: 11 años
Puntos: 36
Respuesta: Google Maps + Iframe + Automático

Mira esto: http://www.victorblasco.es/google_ma..._dummies_2.php
__________________
Spread Firefox | Download Day 2008
¡Únete en nuestra misión para alcanzar el Record Guinness al software más descargado en 24 horas! http://www.spreadfirefox.com/es-ES/worldrecord/
  #5 (permalink)  
Antiguo 10/02/2009, 18:12
 
Fecha de Ingreso: septiembre-2006
Mensajes: 132
Antigüedad: 11 años, 3 meses
Puntos: 2
Respuesta: Google Maps + Iframe + Automático

Cita:

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>Ejemplo Marcas</title>
<script src= "http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAg_2UIEV5rd9OVgNSGNfsyxTaN__vuAQAUAfJwnfsk7h_mauWkxSYbIJkdkwH1e7uYk7faoLIELG-Tw"
      type="text/javascript"></script>
<script type="text/javascript">
    function load() {
        if (GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("map"));
            map.setCenter(new GLatLng(0,0), 0);
            map.addControl(new GSmallMapControl());
            map.addControl(new GScaleControl());
            map.addControl(new GMapTypeControl());
            var center = new GMarker(map.getCenter());
            map.addOverlay(center);
        }
    }
</script>
</head>

<body onLoad="load()" onUnload="GUnload()">
    <div id="map" style="width: 600px; height: 400px"></div>
</body>
</html> 

Y esto de donde salió:
Código HTML:
http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAg_2UIEV5rd9OVgNSGNfsyxTaN__vuAQAUAfJwnfsk7h_mauWkxSYbIJkdkwH1e7uYk7faoLIELG-Tw

Lo que necesito es que me lo interprete desde una simple direccio: san isisdro, buenos aires, argentina, que se completa desde un formulario
__________________
Gracias por todo
Saludos!!!
  #6 (permalink)  
Antiguo 10/02/2009, 18:19
Avatar de hgp147  
Fecha de Ingreso: diciembre-2006
Ubicación: Buenos Aires, Argentina
Mensajes: 980
Antigüedad: 11 años
Puntos: 36
Respuesta: Google Maps + Iframe + Automático

Mira este ejemplo que es similar a lo queres: http://www.victorblasco.es/gm/example6.html

Hace algo así:

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>Ejemplo Colocar</title>
<script src= "http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAg_2UIEV5rd9OVgNSGNfsyxTaN__vuAQAUAfJwnfsk7h_mauWkxSYbIJkdkwH1e7uYk7faoLIELG-Tw"
      type="text/javascript"></script>
<script type="text/javascript">
	function load(lugar) {
		if (GBrowserIsCompatible()) {
			var map = new GMap2(document.getElementById("map"));
			map.setCenter(new GLatLng(0,0), 0);
			map.addControl(new GSmallMapControl());
			map.addControl(new GScaleControl());
			map.addControl(new GMapTypeControl());
			GEvent.addListener(map, "click", function(overlay, point){ 
				if(overlay){ 
					if(overlay.title)
						map.openInfoWindowHtml(overlay.getPoint(), overlay.title);
				}
			});
			var geocoder = new GClientGeocoder();
			geocoder.getLatLng(lugar, function(point) {
				if (!point) {
					alert("Lugar no encontrado");
				} else {
					map.setCenter(point, 12);    // 12 indica el valor de zoom
					var center = new GMarker(map.getCenter());
					center.title = lugar;
					map.addOverlay(center);
					map.openInfoWindowHtml(center.getPoint(), center.title);
				}
			});
			var center = new GMarker(map.getCenter());
    		center.title = "Centro del mapa";
			map.addOverlay(center);
			map.openInfoWindowHtml(center.getPoint(), center.title);
		}
	}
</script>
</head>

<body onUnload="GUnload()">
<input type="text" name="lugar" id="lugar" />
<input type="button" value="Enviar" onclick="load(document.getElementById('lugar').value);" />
	<div id="map" style="width: 600px; height: 400px"></div>
</body>
</html> 
Esto: ABQIAAAAg_2UIEV5rd9OVgNSGNfsyxTaN__vuAQAUAfJwnfsk7 h_mauWkxSYbIJkdkwH1e7uYk7faoLIELG-Tw es la api key
__________________
Spread Firefox | Download Day 2008
¡Únete en nuestra misión para alcanzar el Record Guinness al software más descargado en 24 horas! http://www.spreadfirefox.com/es-ES/worldrecord/
  #7 (permalink)  
Antiguo 10/02/2009, 18:27
 
Fecha de Ingreso: septiembre-2006
Mensajes: 132
Antigüedad: 11 años, 3 meses
Puntos: 2
Respuesta: Google Maps + Iframe + Automático

Cita:
Iniciado por hgp147 Ver Mensaje
Mira este ejemplo que es similar a lo queres: http://www.victorblasco.es/gm/example6.html

Hace algo así:

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>Ejemplo Colocar</title>
<script src= "http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAg_2UIEV5rd9OVgNSGNfsyxTaN__vuAQAUAfJwnfsk7h_mauWkxSYbIJkdkwH1e7uYk7faoLIELG-Tw"
      type="text/javascript"></script>
<script type="text/javascript">
    function load(lugar) {
        if (GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("map"));
            map.setCenter(new GLatLng(0,0), 0);
            map.addControl(new GSmallMapControl());
            map.addControl(new GScaleControl());
            map.addControl(new GMapTypeControl());
            GEvent.addListener(map, "click", function(overlay, point){ 
                if(overlay){ 
                    if(overlay.title)
                        map.openInfoWindowHtml(overlay.getPoint(), overlay.title);
                }
            });
            var geocoder = new GClientGeocoder();
            geocoder.getLatLng(lugar, function(point) {
                if (!point) {
                    alert("Lugar no encontrado");
                } else {
                    map.setCenter(point, 12);    // 12 indica el valor de zoom
                    var center = new GMarker(map.getCenter());
                    center.title = lugar;
                    map.addOverlay(center);
                    map.openInfoWindowHtml(center.getPoint(), center.title);
                }
            });
            var center = new GMarker(map.getCenter());
            center.title = "Centro del mapa";
            map.addOverlay(center);
            map.openInfoWindowHtml(center.getPoint(), center.title);
        }
    }
</script>
</head>

<body onUnload="GUnload()">
<input type="text" name="lugar" id="lugar" />
<input type="button" value="Enviar" onclick="load(document.getElementById('lugar').value);" />
    <div id="map" style="width: 600px; height: 400px"></div>
</body>
</html> 
Esto: ABQIAAAAg_2UIEV5rd9OVgNSGNfsyxTaN__vuAQAUAfJwnfsk7 h_mauWkxSYbIJkdkwH1e7uYk7faoLIELG-Tw es la api key



De donde sale esto:
Código:
<script src= "http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAg_2UIEV5rd9OVgNSGNfsyxTaN__vuAQAUAfJwnfsk7h_mauWkxSYbIJkdkwH1e7uYk7faoLIELG-Tw"
      type="text/javascript"></script>
__________________
Gracias por todo
Saludos!!!
  #8 (permalink)  
Antiguo 10/02/2009, 19:48
Avatar de hgp147  
Fecha de Ingreso: diciembre-2006
Ubicación: Buenos Aires, Argentina
Mensajes: 980
Antigüedad: 11 años
Puntos: 36
Respuesta: Google Maps + Iframe + Automático

Anda a http://code.google.com/intl/es/apis/maps/ para registra la api para tu dominio (en localhost no necesitas api).


<script src= "http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAg_2UIEV5rd9O VgNSGNfsyxTaN__vuAQAUAfJwnfsk7h_mauWkxSYbIJkdkwH1e 7uYk7faoLIELG-Tw"
type="text/javascript"></script>

Luego cambia: ABQIAAAAg_2UIEV5rd9OVgNSGNfsyxTaN__vuAQAUAfJwnfsk7 h_mauWkxSYbIJkdkwH1e7uYk7faoLIELG-Tw por la de tu dominio
__________________
Spread Firefox | Download Day 2008
¡Únete en nuestra misión para alcanzar el Record Guinness al software más descargado en 24 horas! http://www.spreadfirefox.com/es-ES/worldrecord/
  #9 (permalink)  
Antiguo 11/02/2009, 05:12
 
Fecha de Ingreso: septiembre-2006
Mensajes: 132
Antigüedad: 11 años, 3 meses
Puntos: 2
Respuesta: Google Maps + Iframe + Automático

Cita:
Iniciado por hgp147 Ver Mensaje
anda a http://code.google.com/intl/es/apis/maps/ para registra la api para tu dominio (en localhost no necesitas api).


<script src= "http://maps.google.com/maps?file=api&amp;v=2&amp;key=abqiaaaag_2uiev5rd9o vgnsgnfsyxtan__vuaqauafjwnfsk7h_mauwkxsybijkdkwh1e 7uyk7faolielg-tw"
type="text/javascript"></script>

luego cambia: abqiaaaag_2uiev5rd9ovgnsgnfsyxtan__vuaqauafjwnfsk7 h_mauwkxsybijkdkwh1e7uyk7faolielg-tw por la de tu dominio


gracias
__________________
Gracias por todo
Saludos!!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 15:38.