如何使用iframe在街景模式下嵌入Google地图?

时间:2014-02-04 18:32:03

标签: html google-maps iframe google-maps-api-3

当我拿起谷歌地图时,右下角附近有一个小齿轮图标,可让我分享。它包括找到可嵌入的<iframe>。然而,一旦我进入Streetview,这个齿轮图标就会消失。

如何嵌入街景版的街景?

4 个答案:

答案 0 :(得分:11)

看来问题是新的谷歌地图没有办法嵌入。

如果您点击右下角的?而未处于全景/街景模式,则可以恢复为classic maps

然后你会看到the link

从那里你可以选择嵌入框架。

答案 1 :(得分:5)

当您处于Streeview模式时,单击打印按钮旁边的“link button”。您将拥有一个iframe和一个用于自定义和预览的链接。

答案 2 :(得分:3)

太简单了。只需转到https://developers.google.com/maps/documentation/javascript/examples/streetview-embed下面的链接

将html + javascript代码复制到您的页面并修改div样式(默认情况下全屏显示)id = map-canvas

现在转到所需的街景并复制纬度,经度在url中然后在你的代码中替换初始化函数latling(纬度,经度)完成!!!!很高兴发布我的第一个答案堆栈溢出已经回答了我很多次

答案 3 :(得分:2)

自从谷歌在过去两年中发生变化后,我将发布一个答案,说明如何使用新地图嵌入街景视图。

  • 使用您想要的最佳视图进入街景模式
  • 点击屏幕左上角的“三个点”

    Dots

  • 点击“分享或嵌入图片”

Embed Image

  • 点击“嵌入图片”标签,然后复制/粘贴代码 iframe

enter image description here