How to enable Google Map in Streetview mode with iframe?

When I pull out the Google map, there is a gear icon next to the bottom right that allows me to share. It includes a search for a nested <iframe> . However, as soon as I enter Streetview, this six icon will disappear.

How can I insert a street view version?

+7
html google-maps iframe google-maps-api-3
source share
4 answers
+4
source share

It seems that the problem is that new google maps do not have the ability to insert.

If you click on ? in the lower right corner, and not in the panorama / street view mode, you can return to the classic maps

Then you will see the link

from there you can select the built-in frame.

+10
source share

too easy. Just go to the link below https://developers.google.com/maps/documentation/javascript/examples/streetview-embed

copy the html + javascript code to your page and change the style of the div (by default it is displayed in full screen) with id = map-canvas

now go to the desired street view and copy the latitude, longitude in the url, and then replace in your code when initializing the latling function (latitude, longitude) done !!!! happy to post my first overflow of answer stack, answered me so many times

+3
source share

Since Google has changed over the past two years, I will post an answer that shows how to embed Street View with new Maps.

  • Enter Street View with the best view.
  • Click these three dots in the upper left corner of the screen.

    Dots

  • Click Share or Paste Image

Insert image

  • Go to the "Insert Image" tab and copy / paste the iframe code

enter image description here

+1
source share

All Articles