Estoy tratando de construir una página con un mapa que responda al cambio de tamaño del navegador por parte del usuario. Cuando la ventana es más pequeña que cierto tamaño, quiero que el mapa se reduzca, mantenga su relación de aspecto (3:4) y el nivel de zoom (solo números enteros). Sin embargo, al modificar el ancho y el alto de CSS del mapa y el lienzo, los bordes del mapa comienzan a encogerse. Quiero que el mapa mantenga los mismos límites.

He intentado algo como esto:

 let bounds = map.getBounds(); //dynamically resize the map when the window is smaller than a certain width map.resize(); map.fitBounds(bounds);

Este código hace 2/3 cosas: reduce y mantiene la relación de aspecto, pero cambia el nivel de zoom. ¿Hay alguna manera de hacer esto? Estaba pensando en transformar el contenido del mapa sin tocar el nivel de zoom del mapa, pero no sé si eso es posible.