nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Layer in web map does not look the same embedded in iframe

KaraG

I have a web map that I have customized to look the way I want. I have this web map embedded on a webpage using an iframe. One of the layers on the embedded map does not look the way it does on the web map on AGOL. I've tried removing the layer and adding it, double checked the layer styling, ensured that effects are not on, etc. (although one odd thing is that every time I toggle off the feature-specific effects, it is back on after I save the web map; not sure if that is making any difference). I can't figure out why this one layer looks different. Any help much appreciated.

Here is how it looks in the web map:

And here is how it looks embedded:

And here is the code within the iframe:

 <iframe frameborder="0" height="600" marginheight="0" marginwidth="0" rel="border: 1px solid #cccccc;" scrolling="no" src="//cdfw.maps.arcgis.com/apps/Embed/index.html?webmap=1e6386e0c3cb458e847455336b9be9a0&extent=-127.3743,34.5563,-114.4214,39.8127&zoom=true&previewImage=false&scale=true&legend=true&disable_scroll=true&popup_sidepanel=true" style="border: 1px solid #cccccc;" title="Sportfish and MPA Summary Regulations - 2022-2023 Season-220401- Copy For MPA Project_2 - STATEWIDE" width="100%"></iframe>

Find more posts tagged with

Mapping

Accepted answers

All comments

ZaraMatheson

Hi John, Thank you for the feedback. We are working on bringing in an iframe option to the MV embed experience as well. In the meantime, you can use instant apps to create an embeddable app that works with iframes. It also supports the URL parameters you are looking for : https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/using-url-parameters-in-web-apps

JohnCoddHere

@ZaraMatheson @KaraG Hello: I currently embed a Map Viewer Classic webmap into an existing Internet MyTaxDC: Map Tab is the embedded Classic Map Viewer where the URL parameters update based on the real property data that was entered webpage and intranet cloud/web application. I use the same embed a Map Viewer Classic webmap for both sites. The developer of the sites takes the embedded HTML and places it into the sites with iframe. The embedded Map Viewer Classic webmap is configured and has numerous URL parameters to allow for the map to interact with what the user enters into the website: Property ID (link 1 below) or Address (link 2 below). The URL parameter uses a feature parameter that is in the webmap. According to this Esri webpage the "New" Map Viewer embedding options still does not have parity with the Classic Web Map Viewer embedding options: Use URL parameters to modify embedded maps—ArcGIS Online Help | Documentation

DC OTR Real Property Assessment Search Quick-Map on MyTaxDC

We need the same functionality with the New Map Viewer and it needs to be use in the iframe architecture before we can migrate.

Thank you,

John Codd

ZaraMatheson

Hi, no firm date yet, but hoping by the end of the year or early next year. Just ouf of curiosity as we work to imrpove the embed experience- can you share a bit about what customization you were hoping to do with the map?

KaraG

Any idea when iframes might be supported again for a basic web map? I remember looking into creating an Instant App when I first developed this web map, and found that I was unable to customize it the same way as the web map, which is why I continued in that direction.

ZaraMatheson

You can find the iframe code here in the Basic/Media instant app.

ZaraMatheson

Hi, in that case the second option will work best:https://doc.arcgis.com/en/arcgis-online/share-maps/embed-maps-groups.htm#:~:text=map%20to%20appear.-,Embed%20an%20app,-You%20may%20want If you create an instant app using your map, you will be able to generate an embeddable snippit that uses iframes. We are still looking into supporting iframes in the first worklow.

KaraG

Hi there, thanks for the reply. Are iframes no longer supported as a way to embed maps?

How would I use this new workflow if I don't have access to change the head of the webpage? The map is embedded in a web page that is basically already set up and I just add content into modules.

ZaraMatheson

Hello! Not sure why it is displaying differently, but I did notice that you are using a depecated embed application. If you use one of the newer embed workflows outlined here: https://doc.arcgis.com/en/arcgis-online/share-maps/embed-maps-groups.htm it should display as expected.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.