Vložení mapy: Úvodní vyskakovací okno má průhledné pozadí

Question

Vkládám na svůj web webovou mapu. Mapa je rozdělena na oblasti a po kliknutí na každou z nich se zobrazí vyskakovací okno s dalšími informacemi. Mám ale problém s tím, že se toto okno nezobrazuje správně. Má průhledné pozadí a některé úvodní styly CSS nastavují display:none; nebo width:0; — kvůli čemuž se nezobrazuje správně.

Vložená mapa je zpočátku skrytá (pomocí display:none;) za kartou (funkce JavaScriptu). Myslím, že právě to způsobuje tento problém.

Jakmile kliknete na ikonu „maximalizovat“, objeví se bílé pozadí a vše funguje podle očekávání.

Toto je JavaScript, který používám pro zobrazování a skrývání karet:

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

Existuje nějaký způsob, jak mapu překreslit nebo obnovit hodnoty šířky/výšky/zobrazení... buď po načtení stránky, nebo po kliknutí na kartu? Byl bych rád, kdyby se úvodní vyskakovací okno zobrazovalo správně, s bílým pozadím, aby se dal přečíst jeho obsah.

Díky,

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