Embeded Map in Website Not Showing - No Idea Why

[johnmosheim1]

I embeded a map from AGOL to a Wordpress site some weeks ago. Everything was good a few days ago then "suddenly" the web map space was blank. I have a couple of map apps in an offline site plus the same web map. The Apps work fine and the webmap gives the error "Named Entity Expected. Got None" I looked around and there is all kinds of "solutions" but none worked. Many places says its the "&" but I tried that and same thing.... I shared the map, made it public, did the settings, copied the code to embed it from AGOL (see below) and nothing happens. I'm at a loss because it was working fine a few days ago. I pasted the excat HTML in this post ..need some help. I'm using Wordpress and Elementor as editor. But I also tried some other non Wordpress and non Elementor sandboxes with no results, ie the same=grey space no map. Thanks John

<style>.embed-container {position: relative; padding-bottom: 80%; height: 0; max-width: 100%;} .embed-container iframe, .embed-container object, .embed-container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} small{position: absolute; z-index: 40; bottom: 0; margin-bottom: -15px;}</style><div class="embed-container"><iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" title="Maryland 2016 GHG Emissions for Facilities Reporting - EPA GHG Reporting Rule " src="//ghgengineering.maps.arcgis.com/apps/Embed/index.html?webmap=0e5b2bb099d34910ade0776dd11584b2&extent=-80.6249,36.8295,-72.5115,40.6789&home=true&zoom=true&previewImage=false&scale=true&search=true&searchextent=true&basemap_toggle=true&alt_basemap=topo&disable_scroll=true&theme=light"></iframe></div>

[SteveCole]

I coped the URL link you posted and it opened successfully in a new tab so that's good. One thing I did notice is that the map opened as an unsecured link (http instead of https). Do you know if you're mixing content with the website you're trying to embed this into? I know you're using an iframe which should isolate the website from the page it's embedded inside of but maybe there's some sort of http/https mixed content issue going on?

Steve

[johnmosheim1]

Hi Steve:

Thanks for the reply. I had noticed that itn opened from the ESRI webiste is unsecure some time ago. But thought that this is an ESRI issue since the server generating the map is not in my side in his case?

My site has SSL to have the https// thing. Is there a setting that I need to know about from the AGOL side when I generate the map / app to set it with https?  

OK I think I know what you mean when you say you posted the url and in worked, when I do that it works too, but the embedding part is the one that is not working "all of a sudden"

Thanks , John

[SteveCole]

Well, the first step is that all of your map layers have to be using HTTPS URLs. If your map's content is solely from within AGOL, you can use the open that's found on the settings map for your web map:

If your map contains layers that are coming from 3rd party sources (self hosted AGS layers, etc), then you'll need to update the REST URLs manually using the ArcGIS Online Assistant. This last step assumes that the 3rd party services you are consuming have been published as HTTPS, and that's not a given.

Before you do any of that, try this: change the URL inside your IFRAME element from the "//...." URL structure to the more traditional "http://.." structure. When you do that, try to use HTTPS instead of HTTP and see if that changes any of the behavior you're seeing. I took your HTTP URL and changed the beginning to HTTPS and the map opened just fine so maybe that's all you need to do. Try the easiest thing first!

[johnmosheim1]

Hi Steve:

Thanks for the reply. I had noticed that itn opened from the ESRI webiste is unsecure some time ago. But thought that this is an ESRI issue since the server generating the map is not in my side in his case?

My site has SSL to have the https// thing. Is there a setting that I need to know about from the AGOL side when I generate the map / app to set it with https?  

OK I think I know what you mean when you say you posted the url and in worked, when I do that it works too, but the embedding part is the one that is not working "all of a sudden"

Thanks , John

[johnmosheim1]

Steve just fyi : screenshot from my side...of my website

Did your suggestions-still not working, the very strange thing was that the embedded code for the webmap was working fine and then like 2-3 weeks ago the space where the web map should be appeared like a grey rectangle instead of the web published map. The strangest is that I have a web app in the same website using the same map and it works fine. Maybe, well mpst likely, Im missing something...