AnsweredAssumed Answered

Embed 3D Objects in Story Map Tour

Question asked by aultcr on Jul 20, 2018
Latest reply on Aug 8, 2018 by ressinger-esristaff

I'm working in the Story Map Tour web builder and I'm hoping to integrate manipulable 3D objects (like these on the Sketchfab site) into the Story Map Tour panel. The Sketchfab models offer embed code using an iFrame wrapped in a div (example below) but when I paste that code into the builder, the < > brackets around the iFrame get converted to something like unicode (&lt;) and when I preview the Story Map the panel just displays the iFrame code rather than interpreting it.

 

Thank you in advance for any suggestions.

 

Embed code from Sketchfab:

 

<div class="sketchfab-embed-wrapper"><iframe width="640" height="480" src="https://sketchfab.com/models/a539dafa41a24390b84166bd4515ff43/embed" frameborder="0" allow="autoplay; fullscreen; vr" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
<p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;">
<a href="https://sketchfab.com/models/a539dafa41a24390b84166bd4515ff43?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">The Bird&#39;s Room</a>
by <a href="https://sketchfab.com/curlscurly?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Curlscurly</a>
on <a href="https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a>
</p>
</div>

Outcomes