Embed webmap to website ArcGIS online

04-27-2020 03:03 PM
New Contributor


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??



0 Kudos
1 Reply
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 8)



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.