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 😎



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.