Tengo un sitio de WordPress que ejecuta el tema Divi. Tengo un mapa incrustado en un iframe con un nivel de zoom establecido en 2.

 <iframe id="map_frame" height="550"></iframe> <script type="text/javascript"> $("#map_frame").attr("src", "https://www.google.com/maps/d/embed?mid=1Sdu3m4-YMx_Kc0gWshTNQQgSFys&z=2"); </script>

Sin embargo, algo parece restablecer el nivel de zoom después de cargar el mapa. En Firefox o Chrome, si el mapa se carga fuera de la pantalla, después de que me desplazo hacia abajo hasta el mapa, el nivel de zoom se restablecerá a 1. Si me desplazo hasta el mapa y vuelvo a cargar la página para que el mapa se cargue inmediatamente al cargar la página, el zoom el nivel está ajustado correctamente. En Safari, el zoom se restablecerá a 1 independientemente de si se carga fuera de la pantalla o no.

Aún más extraño, el ancho de la página también parece afectar si el nivel de zoom se restablece o no. Si se cambia el tamaño de la ventana a menos de 1300 px (o más o menos), no se restablecerá el nivel de zoom. Pero en una ventana más amplia, el zoom se restablece.

Pensé que esto podría deberse a que Divi o algún otro complemento estaba cargando de forma diferida o cargando asíncronamente el JS. Sin embargo, intenté deshabilitar cualquier complemento que pudiera estar haciendo esto, pero el comportamiento se mantuvo.