Easy Street View And Photo Spheres Embedding
Friday, 21 November 2014

A little while ago, Google introduced a very easy to use way of embedding maps into web pages. Now you can embed StreetView and  Photo Sphere images in the same way.

 

 

The Embed API makes use of some HTML that you display in an iFrame to allow any web site to display an interactive map. You can simply copy and paste the HTML as provided by Google, or you can programatically generate the HTML for a given location. 

Now the same system has been extended to embedding Street View or Photo Sphere Images. 

In case you missed what Photo Spheres are, they are 360 degree viewable photos contributed by users. You can create a Photo Sphere using the free Google app for your Android phone or you can stitch together photos taken with a DSLR. You also need the location of the photo and you can then upload the Photo Sphere so that anyone can view it on Google maps. 

For Street View all you have to specify is the position, heading and pitch. For the Photo Sphere you need the panorama ID. Each of the embeds is live and this means that the user can move around and explore the area. A reset button to get the user back to the start location seems like a good idea and is one that most developers could easily add. 

To autogenerate the HTML all you have to do is get to the StreetView or Photo Sphere you want to embed, view it in the correct orientation and select the embed option from the cog wheel menu.

 

streetviewAPI

 

Being an iFrame, you can embed maps, StreetView of Photo Spheres into anything that can display HTML including mobile apps. 

There are no limits on use but you do need a key to identify who you are and presumably to stop misuse. You might also see on-map advertising. 

We tend to take Street View for granted these days, but it is a huge achievement to have so much of the world in an interactive image format. Now you can easily include maps and Street Views to make sure that people have a good idea of the location. 

 

More Information

Introducing Street View and Photo Spheres in the Maps Embed API

Finding Beautiful Walking Routes

Related Articles

Google Introduces Signed-In Maps

An Easy Way To Embed Google Maps

Google Maps API for Android Updated

 

To be informed about new articles on I Programmer, install the I Programmer Toolbar, subscribe to the RSS feed, follow us on, Twitter, FacebookGoogle+ or Linkedin,  or sign up for our weekly newsletter.

 

Banner


Kotlin Ktor Improves Client-Server Support
04/11/2024

Kotlin Ktor 3 is now available with better performance and improvements including support for server-sent events and CSRF (Cross-Site Request Forgery) protection.



Wasmer 5 Adds iOS Support
12/11/2024

The Wasmer team has released Wasmer 5.0. The WebAssembly runtime adds experimental support for more back ends including V8, Wasmi and WAMR. It also now has iOS support, and upgraded compilers includin [ ... ]


More News

 

espbook

 

Comments




or email your comment to: comments@i-programmer.info

Last Updated ( Friday, 21 November 2014 )