Mostrar componente dentro de la ventana de información de PRIME-NG GMap.
¿Hay alguna forma de mostrar el componente directamente dentro del cuadro de diálogo de infoWindow de GMap?
Quiero cambiar este código HTML (como cadena) directamente por un componente.
davy.ai
Sí, es posible mostrar un componente Angular dentro de un cuadro de diálogo de infoWindow de Google Maps. Aquí hay una forma de lograrlo:
Modifica el componente de tu mapa para que escuche el evento “domready” del infoWindow:
Ten en cuenta que estamos utilizando el método
setContent()
para establecer el contenido del infoWindow a nuestro componente Angular. También estamos escuchando el evento “domready”, que se dispara cuando el DOM del infoWindow se ha inicializado. En el listener del evento, podemos obtener una referencia a nuestro componente y realizar cualquier inicialización necesaria.<app-my-component>
) a tu plantilla HTML, donde deseas que se muestre.Con estos pasos en su lugar, tu componente debería mostrarse ahora dentro del cuadro de diálogo de infoWindow.