Embed webmap to website ArcGIS online

1542
1
04-27-2020 03:03 PM
BenDair
New Contributor

Hi

I have a link from my ArcGIS online webmap and want to embed it to my organization website. However when I paste the html code on the website portal , the map fails to load there. I have changed the settings of my map to public however still failing to make the code work. I am sharing the html code here:

<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"><small><a href="https://community.esri.com//snw.maps.arcgis.com/apps/Embed/index.html?webmap=653620b010b0462ca42ff8a34bd16077&extent=-127.4379,43.5375,-116.5889,48.0164&zoom=true&scale=true&search=true&searchextent=true&details=true&legend=true&active_panel=details&basemap_gallery=true&disable_scroll=true&theme=light" style="color:#0000FF;text-align:left" target="_blank">View larger map</a></small><br><iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" title="SNW Programs Map" src="//snw.maps.arcgis.com/apps/Embed/index.html?webmap=653620b010b0462ca42ff8a34bd16077&extent=-127.4379,43.5375,-116.5889,48.0164&zoom=true&previewImage=false&scale=true&search=true&searchextent=true&details=true&legend=true&active_panel=details&basemap_gallery=true&disable_scroll=true&theme=light"></iframe></div>

Can someone help me with this??

Thanks,

Shreejita

0 Kudos
1 Reply
BenTurrell
Occasional Contributor III

Hey Ben Dair‌,

Have you seen the steps here for embedding a map: Embed maps, apps, and groups—ArcGIS Online Help | Documentation 

One of the steps is to update the urls from your organizations account to www.arcgis.com (step 😎

Thanks,

Ben


If this answer was helpful please mark it as helpful. If this answer solved your question please mark it as the answer to help others who have the same question.