Google街景地图 - 解析网址以用作街景图像

时间:2015-02-12 22:36:48

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

情况:我正在为客户制作地图功能,我需要能够获取街景视图的截图,然后将其显示为轮播(类似于Google本身的工作原理)。他们可以在CMS中选择他们想要的任何位置。

我能想到的唯一方法(考虑到非技术最终用户)是允许他们从街景复制并粘贴网址,然后解析出来。

例如:https://www.google.com/maps/@60.959789,-149.112111,3a,75y,104.14h,94.39t/data=!3m4!1e1!3m2!1sJmW2DmZWQ2bIcAcHlky4-w!2e0

会给你: enter image description here

在修修补补之后,我认为以下细分对应于paramerters for the Google Street View Image API

60.959789 (lat)
-149.112111 (long)
3a (unknown)
75y (field of view)
104.14h (heading)
94.39t (pitch)
/data=!3m4!1e1!3m2!1sJmW2DmZWQ2bIcAcHlky4-w!2e0 (unknown)

然而,当我将这些插入到图像的url结构中时,我得到:

https://maps.googleapis.com/maps/api/streetview?size=400x400&location=60.959789,-149.112111&fov=75&heading=104.14&pitch=94.39

enter image description here

问题

我搞砸了什么?

我能以更好的方式做到这一点吗?

附录: 此外,如何从相关的photosphere照片中获取正确的pano属性?例如,如何获得this photosphere的街景图像。

1 个答案:

答案 0 :(得分:2)

我尽量避免回答我自己的问题,但我发现了从Google街景解析网址以便在街景图片API中使用的内容。

60.959789 (lat)
-149.112111 (long)
3a (unknown)
75y (field of view)
104.14h (heading)
94.39t (pitch)
/data=!3m4!1e1!3m2!1sJmW2DmZWQ2bIcAcHlky4-w!2e0 (unknown)

data属性很有意思。 This blog article helped me弄清楚了。

属性的每个部分前面都有"!",一个数字从1到5(或更多可能),以及一个字母(m,e等)。

由于某种原因,第四个元素(第3个,从0开始计数)是pano属性。

因此,可以将this street view of the Acropolis解析为此网址的图片:

https://maps.googleapis.com/maps/api/streetview?size=200x200&location=37.971822,23.726532&fov=75&heading=163.13&pitch=7.599999999999994&pano=fPhZjlaq_sAAAAQYNw-Ypw

enter image description here

我不确定其他属性的含义,但我想知道。