Formulario HTML dentro de una ventana de un GMarker 🗺️ Foro Programación de Google Earth y Maps 🗺️ p22 🗺️

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.

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.

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.

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.

¿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>";

He encontrado la función checked de los radio botones, voy a probarla a ver si con ella consigo lo que quiero.

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.

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.

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.

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.

Gracias ya me funciona! De hecho podrás ver el código en el otro hilo.