Embedding ArcGIS Online Maps/Apps

• 

  4riversweb · Member · Jan 28, 2016 at 6:48 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I am attempting to embed some ArcGIS Online Maps/Apps onto my site, however, they do not seem to be working. I have the embed codes for the various maps, but when I preview the page it just turns into a link. Here is an example code:

  <iframe
  width="650" height="700" frameborder="0"
  scrolling="no" marginheight="0" marginwidth="0"
  src="https://matawa.maps.arcgis.com/apps/MapTour/?appid=35dcd8d5750e4c35b874d7a9b7350393">
  </iframe>

  That is for an interactive story web app. Here is the code for a regular web map:

  <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="2013 Albany River Trip - Xavier Sagutch" src="https://matawa.maps.arcgis.com/apps/Embed/index.html?webmap=e208ac91612b4c6bb7fd5fd438b2470a&extent=-89.4836,51.155,-87.4553,51.8704&zoom=true&scale=true&disable_scroll=true&theme=light"></iframe></div>

  Any thoughts?

  The blog I need help with is: (visible only to logged in users)