Insertar mapas: la ventana emergente inicial tiene el fondo transparente

Question

Estoy insertando un mapa web en mi sitio. El mapa está dividido en áreas y, cuando haces clic en cada una, aparece una ventana emergente con más información. El problema es que la ventana emergente no se muestra correctamente. Tiene el fondo transparente y se está aplicando algo de CSS inicial para establecer display:none; o width:0; -- lo que hace que no se muestre correctamente.

El mapa insertado está oculto inicialmente (con display:none;) detrás de una pestaña (funcionalidad de JavaScript). Creo que esto está causando el problema.

Al hacer clic en el icono de «maximizar», aparece el fondo blanco y todo funciona como debería.

Este es el JavaScript que estoy usando para mostrar y ocultar las pestañas:

http://jsbin.com/lorovu/edit?html,js

¿Hay alguna forma de volver a dibujar el mapa o restablecer los valores de anchura, altura y visualización... ya sea después de que se cargue la página o al hacer clic en la pestaña? Me gustaría mucho que la ventana emergente inicial se mostrara normalmente, con el fondo blanco, para que se pueda leer su contenido.

Gracias,

Dave

khutchins · Answer

Just tested the jsbin in incognito mode and I can't repro either the popup issue or the console errors you are seeing. Also tried testing the map outside of an iframe in incognito mode and everything is working for me.  Tested in Chrome on Mac.

https://rrpdc.maps.arcgis.com/apps/Embed/index.html?webmap=89edafaaf60b4d2383e825a682ed3221&extent=-78.4946,37.1293,-76.…

deleted-user-pDhHNdx3RgUH · Answer

Kelly Hutchins , actually, upon further review, it's sometimes working, and sometimes not working. I've cleared all my cache, and have tried opening it in a private browsing window. I'm testing mostly in Chrome on Mac, but I'm seeing the issue in Mac/Safari as well. And in Mac/Firefox, the iframe actually doesn't load on the initial page load. If I right-click and choose "reload frame," it then displays correctly. I noticed some errors with the js.arcgis.com files in the web console (attached screenshot). Not sure if you were aware of those.

And upon pulling up your example on JS Bin again, I was seeing the problem right there in JS Bin. If you clear your cache, or try it in a private browsing window, I think you might be able to re-create it. It seems as though if you have already loaded that maps URL in your browser once, it will work fine. But if it is the very first time you are loading that map, that's when the issue arises.

Is there any way, using javascript, to reload the map when an element on the page is clicked? I could try adding that code to my javascript that runs on the clicking of the tabs that show/hide the map.

Thanks!

JS Bin, error reproduced

Web console errors in Mac/Firefox

deleted-user-pDhHNdx3RgUH · Answer

Thanks Kelly. I really appreciate you trying to recreate the issue in JS Bin.

Without changing any code, the issue appears to have resolved itself. I did launch the site on a live domain, and it's now served up via https, but those are the only things I can think of that have changed from the testing environment.

Either way, it's working now, which is fantastic.

Happy New Year!

Dave