javascript - Google Maps Infowindow eventos en abierto

jquery google-maps

Question

Hola, estoy usando las tablas y los mapas de google fusion, lo cierto es que mis marcadores se muestran correctamente, pero quiero insertar algunas imágenes en la ventana de información. Entonces, lo que hago es hacer consultas para encontrar la ubicación de esos marcadores, y esos marcadores pueden tener muchas categorías (es por eso que no puedo usar una tabla combinada). Y cuando el usuario hace clic en el marcador, la ventana muestra y muestra la información en el marcador. Solía ​​incluir solo un texto de las categorías, pero quiero recuperar el icono de cada categoría para mostrarlo en la ventana de información. El problema es que la segunda consulta lleva más tiempo que el que se tarda en mostrar la ventana de información. Así que hice una solución coja, agregué

$(''#infoWindowsCatDer'').append(info);

al final de la segunda consulta, así que supongo que puede ver el problema, ¿qué sucede si las ventanas tardan un poco más en mostrarse que la consulta? Esto es algo que debe ser manejado por los eventos, ¿verdad?

Hay un evento para

lastWindow.open(map);

Entonces, cuando la ventana de información está completamente abierta, ¿se pueden agregar las imágenes?

Answer 1

El objeto InfoWindow dispara el evento domready evento cuando se adjunta (totalmente cargado) al DOM. Puede ver esto en los documentos de la API: https://developers.google.com/maps/documentation/javascript/reference#InfoWindow

Luego podría tener un oyente como el que se encuentra a continuación para cargar contenido en la ventana de información después de que se haya cargado:

var referenceToInfoWindow = new google.maps.InfoWindow({content: ''My info'' });

google.maps.event.addListener(referenceToInfoWindow, ''domready'', function(){
    //code to dynamically load new content to infowindow
    //for example:
    //    var existing_content = referenceToInfoWindow.getContent();
    //    var new_content = "...";
    //    referenceToInfoWindow.setContent(existing_content + new_content);
});