topic Re: Embedding Streetview into Story maps in Classic Esri Story Maps Questions

Embedding Streetview into Story maps

JonathanEntwistle — Fri, 07 Feb 2014 00:54:22 GMT

Hi,

I'm trying to embed streetview into a Story Map, rather than an image or video.
Like adding a video I've tried adding the embed link into a CSV file, but am having no luck getting it to work.

Any help is appreciated,
Jono

Re: Embedding Streetview into Story maps

StephenSylvia — Fri, 07 Feb 2014 14:28:36 GMT

Google does not allow their streetview content to be directly embedded into iframes (what the map tour uses to embed videos). There is a work around but takes a little extra work.

First, you will need to apply for a Google maps API key and use there API to create a simple page that loads a streetview. If you look at the documentation here: https://developers.google.com/maps/documentation/javascript/examples/streetview-embed, there is a simple example that you should be able to copy. Then you can change the map position, heading, pitch, and zoom to fit your needs.

Once you have created this page, you will need to host it on a webserver then embed this new page into a map tour.

Re: Embedding Streetview into Story maps

GregoryL_Azou — Fri, 07 Feb 2014 14:33:12 GMT

Hi,

Google prevent using StreetView through IFrame, so you have to use the Google Street View Javascript API. That require you to create and host a .html file (can be as simple as Dropbox). Then use Add>Video>Other and the link to your new HTML page.

See StreetView documentation for sample code. You can use Map Tour hosted version, as well as the downloadable version.

Re: Embedding Streetview into Story maps

JonathanEntwistle — Sun, 16 Feb 2014 18:49:57 GMT

Thanks for the help,
Got it going, so really appreciate it!

Re: Embedding Streetview into Story maps

JosephCartier — Tue, 18 Feb 2014 13:30:06 GMT

Thanks for the help,
Got it going, so really appreciate it!

Hello,
Could you post a link so I can see how you used Google Street view in your tour?

Thanks!
Joe

Re: Embedding Streetview into Story maps

NathanEnge — Thu, 02 Oct 2014 17:28:01 GMT

Wrong. Explain this.

(copy and paste into your html)

<iframe width="425" height="350" frameborder="0" scrolling="no" 
marginheight="0" marginwidth="0" 
src="https://maps.google.ca/maps?cbll=49.250621,-123.042685&layer=c&panoid=ZlNjyHUe-DfJal2SB8Cs-Q&cbp=12,26.19,,0,6.36&ie=UTF8&ll=49.223876,-123.001556&spn=0.382528,0.617294&t=h&z=11&source=embed&output=svembed‌">
</iframe><br /><small><a href="https://maps.google.ca/maps?cbll=49.250621,-123.042685&layer=c&panoid=ZlNjyHUe-DfJal2SB8Cs-Q&cbp=12,26.19,,0,6.36&ie=UTF8&ll=49.223876,-123.001556&spn=0.382528,0.617294&t=h&z=11&source=embed" style="color:#0000FF;text-align:left"></a></small>