Mostrar/Ocultar

 Formulario HTML dentro de una ventana de un GMarker 🗺️

Foro de Programación de Google Earth y Maps  Foro de Programación de Google Earth y Maps: Programación con las APIs de Google: Google Earth, Google Maps, KML, Aplicaciones Moviles
SubForos: Html
Página 1 de 1 - Tema con 11 Mensajes y 47086 Lecturas
Último Mensaje Publicado:
Autor Mensaje
Serdj
Serdj
Usuario Habitual
Usuario Habitual
Registrado:
11-07-2012
Mensajes: 33

Votos: 0 👍
Enlaces Asunto: formulario HTML dentro de una ventana de un GMarker   Responder citando
Hola, antes de nada disculparme porque puse mi mensaje en otro tema que no tenía nada que ver y no me di cuenta.
Y aquí va mi pregunta:
yo tengo un mapa de google, y voy pinchando en él generando GMarkers. Al pulsar en estos se me abre una ventana. En esta ventana tengo un formulario y un input type ="button", que al pulsarlo ejecuto una función. El problema que tengo es que en esta función quiero obtener los datos introducidos en el formulario que tengo dentro de la ventana del marker.

¿Alguien sabe cómo hacer esto? Llevo investigando varios días y no encuentro la solución.

Muchas gracias.
Ir arriba Hola, antes de nada disculparme porque puse mi mensaje en otro tema que no tenía nada que ver y no me di cuenta. Y aquí va mi... Serdj Compartir:
_polifemo
_polifemo
SuperExpert
SuperExpert
Registrado:
27-11-2009
Mensajes: 436

Votos: 0 👍
Enlaces Asunto: Re: formulario HTML dentro de una ventana de un GMarker   Responder citando
Buenas serdj, ponme un poco al día de tu metodología:

1.- ¿Entiendo que trabajas con el API de gmaps?, ¿o el de Gearth?.
2.-Suponiendo que es gmaps, imagino que tienes preparada la respuesta del evento 'on click' para que:
2.1.- Capture las coordenadas y entonces por código creas el marker y su infowindow (new google.maps.Marker/InfoWindow), y en el infowindow has metido el código Html.
2.2.- Quieres (¿mediante javascript?) obtener los datos del formulario (supongo de un Input type="Text").

Si es así, creo que tu opción es utilizar el método Getelementbyid, usa este ejemplo.

Cualquier duda, pregunta sin problemas.
Ir arriba Buenas serdj, ponme un poco al día de tu metodología: 1.- ¿Entiendo que trabajas con el API de gmaps?, ¿o el de Gearth... _polifemo Compartir:
Serdj
Serdj
Usuario Habitual
Usuario Habitual
Registrado:
11-07-2012
Mensajes: 33

Votos: 0 👍
Enlaces Asunto: Re: formulario HTML dentro de una ventana de un GMarker   Responder citando
1.- Así es trabajo con el APi de GMaps.
2.- Efectivamente tengo un evento que me captura las pulsaciones en el mapa y me dibuja una marca. Al pulsar el marker, se me abre la ventana asociada a este marker. Este es el código:

function saveData(mark){
var indicaciones;
// alert("SI");
mark.closeInfoWindow();
alert(mark);
indicaciones.push(mark);
}
function principal{
//...eventos variables y demás cosas

var html = "Derecha:
Izquierda:
Otra indicación:
"

marker.openInfoWindow(html);

});

gmarkers.push(marker);
coordenadas.push(latlng);
map.addOverlay(marker);

}
});

}
}

Al pulsar el botón yo quiero coger en la función savedata que es lo que marcó el usuario. Y si escribió algo.
He estado probando con el método que me has dicho, pero tampoco sé usarlo muy bien. Mañana probaré de nuevo.

Muchas gracias.
Ir arriba 1.- Así es trabajo con el APi de GMaps. 2.- Efectivamente tengo un evento que me captura las pulsaciones en el mapa y me dibuja... Serdj Compartir:
_polifemo
_polifemo
SuperExpert
SuperExpert
Registrado:
27-11-2009
Mensajes: 436

Votos: 0 👍
Enlaces Asunto: Re: formulario HTML dentro de una ventana de un GMarker   Responder citando
serdj Escribio:

<input type='button' value='Guardar' onclick='saveData(marker)'/>"

Te falta un "punto y coma", supongo que solo aquí y no en el código.

Por otro lado, ¿puedes pasar por la función un elemento como el marker?, y aún pudiendo, ¿lo va a reconocer como tal?.
Pasa como segundo y tercer parámetro los valores de los textos derecha e izquierda, a ver que tal.
Ir arriba Te falta un punto y coma , supongo que solo aquí y no en el código. Por otro lado, ¿puedes pasar por la función un elemento... _polifemo Compartir:
Serdj
Serdj
Usuario Habitual
Usuario Habitual
Registrado:
11-07-2012
Mensajes: 33

Votos: 0 👍
Enlaces Asunto: Re: formulario HTML dentro de una ventana de un GMarker   Responder citando
¿Y cómo puedo hacer eso? He probado así pero no me funciona.

var html = "<form name=\"f\">"+
"Derecha:<input type=\"radio\" name= \"dir\" value=\"Derecha\"/>" +
"Izquierda:<input type=\"radio\" name= \"dir\" value=\"Izquierda\"/>" +
"Otra indicación: <input type=\"text\"name=\"extra\" name = \"extra\"/>+ <input type=\"button\" value=\"Guardar\" onclick=\"saveData(marker,document.f.dir[0].value,document.f.dir[1].value,document.f.extra.value) </form>";
Ir arriba ¿Y cómo puedo hacer eso? He probado así pero no me funciona. var html = <form name= f > + Derecha:<input type= radio... Serdj Compartir:
Serdj
Serdj
Usuario Habitual
Usuario Habitual
Registrado:
11-07-2012
Mensajes: 33

Votos: 0 👍
Enlaces Asunto: Re: formulario HTML dentro de una ventana de un GMarker   Responder citando
he encontrado la funcion checked de los radio botones, voy a probarla a ver si con ella consigo lo que quiero.
Ir arriba He encontrado la funcion checked de los radio botones, voy a probarla a ver si con ella consigo lo que quiero. Serdj Compartir:
Serdj
Serdj
Usuario Habitual
Usuario Habitual
Registrado:
11-07-2012
Mensajes: 33

Votos: 0 👍
Enlaces Asunto: Re: formulario HTML dentro de una ventana de un GMarker   Responder citando
POngo esto por si a alguien más le sirve de ayuda, finalmente lo conseguí así:
var html= .....
onclick=\"saveData(marker,document.f.dir[0].checked,document.f.dir[1].checked,document.f.extra.value) </form>";

muchas gracias polifemo.
Ir arriba POngo esto por si a alguien más le sirve de ayuda, finalmente lo conseguí así: var html= ..... onclick... Serdj Compartir:
_polifemo
_polifemo
SuperExpert
SuperExpert
Registrado:
27-11-2009
Mensajes: 436

Votos: 0 👍
Enlaces Asunto: Re: formulario HTML dentro de una ventana de un GMarker   Responder citando
Lo bueno de la programación es que hay miles de modos de llegar al mismo resultado.

Muchas gracias a ti por compartir serdj, y un saludo.
Ir arriba Lo bueno de la programación es que hay miles de modos de llegar al mismo resultado. Muchas gracias a ti por compartir serdj, y... _polifemo Compartir:
Serdj
Serdj
Usuario Habitual
Usuario Habitual
Registrado:
11-07-2012
Mensajes: 33

Votos: 0 👍
Enlaces Asunto: Re: formulario HTML dentro de una ventana de un GMarker   Responder citando
Buenas _polifemo. Estoy realizando la migración a la API V3 de google. Muy tarde por mi parte pero bueno. ¿Cómo se haria esto mismo con esta nueva versión? Al cambiarlo, en la clase infoWindow el botón onClick no funciona. No sé si es que en esta versión no lo permiten.


gracias.
Ir arriba Buenas _polifemo. Estoy realizando la migración a la API V3 de google. Muy tarde por mi parte pero bueno. ¿Cómo se haria esto... Serdj Compartir:
_polifemo
_polifemo
SuperExpert
SuperExpert
Registrado:
27-11-2009
Mensajes: 436

Votos: 0 👍
Enlaces Asunto: Re: formulario HTML dentro de una ventana de un GMarker   Responder citando
Buenas serdj.

Acabo de llegar de unas largas vacaciones.

Sin el código fuente no puedo determinar si tienes un error de sintaxis o si aún arrastras funcionalidad de la versión antigua de gmaps. Pero te recomiendo la lectura del siguiente artículo. Vete directamente al final donde tienes una captura de un infowindows con formulario e inmediatamente arriba el código donde poder "copipastear".

Creo que te debería bastar.

Un saludo.
Ir arriba Buenas serdj. Acabo de llegar de unas largas vacaciones. Sin el código fuente no puedo determinar si tienes un error de... _polifemo Compartir:
Serdj
Serdj
Usuario Habitual
Usuario Habitual
Registrado:
11-07-2012
Mensajes: 33

Votos: 0 👍
Enlaces Asunto: Re: formulario HTML dentro de una ventana de un GMarker   Responder citando
Gracias ya me funciona! De hecho podrás ver el código en el otro hilo.
Ir arriba Gracias ya me funciona! De hecho podrás ver el código en el otro hilo. Serdj Compartir:
Mostrar mensajes de anteriores:   
SubForos: Html
 Responder al tema   Versión Imprimible
Todas las horas son GMT + 1 Hora
Página 1 de 1 - Tema con 11 Mensajes y 47086 Lecturas - Última modificación: 03/05/2013




RSS: Foro Programación de Google Earth y Maps RSS - Ultimos Mensajes
Cambiar a:  


Puede publicar nuevos temas en este foro
No puede responder a temas en este foro
No puede editar sus mensajes en este foro
No puede borrar sus mensajes en este foro
No puede votar en encuestas en este foro
No Puedes adjuntar archivos en este foro
Tu puedes descargar archivos en este foro