谷歌地图嵌入 API 全景 ID答案

【问题标题】：Google Maps Embed API Panorama ID谷歌地图嵌入 API 全景 ID
【发布时间】：2015-09-11 12:08:03
【问题描述】：

以前实施的全景照片的 URL 包含全景 ID，从而可以轻松地将特定全景嵌入 iframe 中。我似乎无法在新的 Google 地图中找到 ID。有什么方法可以在不借助 Javascript 的情况下识别照片球的 ID？

【问题讨论】：

基于Google Maps Embed API，您也可以使用location作为全景视图，您可以存储位置（经纬度）。

标签： google-maps google-street-view panoramas photosphere

【解决方案1】：

我可以找到两次 ID。这是一个例子：

www.google.de/maps/place/Magdeburg/@52.1285424,11.6312738,3a,75y,98h,90t/data=!3m8!1e1!3m6!1s_k_6ZCbrOuYAAAQo8TPM1w!2e0!3e2 !6s%2F%2Fgeo3.ggpht.com%2Fcbk%3Fpanoid%3D_k_6ZCbrOuYAAAQo8TPM1w%26output%3Dthumbnail%26cb_client%3Dmaps_sv.tactile.gps%26thumb%3D2%26w%3D203%26h%3D100%26yaw %3D98.389519%26pitch%3D0!7i13312!8i6656!4m2!3m1!1s0x47a5f5ff55daea5b:0x4236659f8071060!6m1!1e1

我通过单击黄色小伙（右下角）一次并单击橙色全景点之一获得了 URL

【讨论】：

感谢您的回复。我的 photosphere 的 URL 是 (google.co.uk/maps/@56.3386378,-4.6243378,3a,75y,84.63h,66.9t/…) 这里的 ID 很清楚，虽然有一个重复的字符串。我尝试使用字符串和它的各种子集作为 ID，但我的 photosphere 不起作用。我错过了什么吗？
2015 年 9 月之后添加的照片球似乎不可能 - stackoverflow.com/a/34883587/994945

【解决方案2】：

您可以借助 chrome 或其他浏览器 DOM 检查工具。

在 chrome 中打开您的 Photosphere 链接/网址。
您将在底部看到缩略图库，您的全景图将是其中之一，带有 360 度图标
右键单击该缩略图并单击“检查”，然后将打开 dom 检查器
继续扩展 DOM 树，直到使用 class="widget-runway-card-background-flicker-hack-wrapper" 到达此 DIV
您将在其中看到一个图像元素，复制其图像 url。这与您在图库中查看的 Photosphere 缩略图相同

网址将是以下格式之一（这些是虚拟的）

案例A：
https://lh4.googleusercontent.com/-HXKCf8vxJ-s/Ve_c7LX8HyI/XXXXXAAxtg/J4tLscU2d6g/w203-h101-n-k-no/

案例 B：
https://geo0.ggpht.com/cbk?cb_client=maps_sv.tactile&authuser=0&hl=nl&output=thumbnail&thumb=2&w=200&h=150&pitch=0&ll=55.2399803333%2C1.851848888888867&panoid=FEpIAbSgOzoAAAQJOQCL3w&yaw=123

对于案例 A：将 "F:" 添加到粗体字符串中，您将获得最终的 panoID，即

F:-HXKCf8vxJ-s/Ve_c7LX8HyI/XXXXXAAxtg/J4tLscU2d6g

对于案例 B，非常明显，FEpIAbSgOzoAAAQJOQCL3w。

【讨论】：

【解决方案3】：

在 Google 地图上查看全景图时，从开发者工具控制台运行以下命令

"F:".concat(window.location.href.split("!1s")[1].split("!2e")[0]).replace('%2F','/')

【讨论】：

这只会替换第一个 %2F。如果要全部替换，必须用Regex替换："F:".concat(window.location.href.split("!1s")[1].split("!2e")[0]).replace(/%2F/g,'/')