Embedding Streetview into Story maps

[JonathanEntwistle]

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

[StephenSylvia]

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.

[NathanEnge]

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,...‌">
</iframe><br /><small><a href="https://maps.google.ca/maps?cbll=49.250621,-123.042685&layer=c&panoid=ZlNjyHUe-DfJal2SB8Cs-Q&cbp=12,..." style="color:#0000FF;text-align:left"></a></small>

[GregoryL_Azou]

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.

[JonathanEntwistle]

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

[JosephCartier]

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