Estoy programando una aplicación web y usando un folleto para mostrar un mapa. Definí marcadores y ventanas emergentes que aparecen al hacer clic en los marcadores respectivos.
Desafortunadamente, las ventanas emergentes se ven extrañas en este momento (la altura es demasiado grande y el ancho demasiado pequeño). Por esta razón, intento adaptar el ancho de las ventanas emergentes.
Vi en la documentación de Vue2Leaflet ( https://vue2-leaflet.netlify.app/components/LPopup.html ) que puedo pasar un complemento de options al componente l-popup . Así que probé lo siguiente:
<l-popup :options="{ width: 600 }" id="popup"></l-popup> Pero no funcionó. ¿Cómo paso las opciones de ancho correctamente, para que cambie el ancho de la ventana emergente? ¿O estoy en un camino completamente equivocado? En caso afirmativo, ¿cómo puedo modificar el ancho del componente l-popup ?
¡Gracias por cualquier ayuda!
Acabo de tener el mismo problema. Finalmente, no usé las opciones en sino que usé CSS en su lugar.
Ejemplo:
<l-popup class="map-popup"></l-popup>y luego simplemente le di estilo a mi elemento en CSS:
.map-popup { min-width: 600px; }