使用完全控制在StreetView Panos之间移动

时间:2014-06-13 09:02:49

标签: google-maps google-street-view

我试图在有限的时间内学习。

我付钱给别人为我做这项工作,所以并不是因为我不会向专家支付费用。但是,我也想学习。我要求提供优秀评论的代码,并且得到了,而不是我需要的。

我知道这可能是非常基本的,但我错过了它并且我已经尝试了一段时间。

我想从街景中的旧pano搬到新的全景。我找出如何做的方式只设置panoID,它不会改变链接或其他任何东西。所以,很明显,我做错了。

如何使用第一个全景中的可用数据加载pano然后移动到下一个链接的pano?

这是我得到了多远: http://jsfiddle.net/sxf7Y/5/

当有人知道它是怎么回事时,这就是它的样子: http://www.crazywithfreedom.com/forCarlos/Carlos/

我已经查看了代码,但由于它自身也是如此,因此对我来说太复杂了。

在我的全景中旋转到我想要的链接(第二个链接),然后改变全景。然而,来自旧pano的控件仍保留在屏幕上(当然,由于这些pano不可用,因此无法工作)。我不想改变图片,我想换到新的全景位置。

感谢您的帮助。

突出显示位

//The original location
var cafeAmore = new google.maps.LatLng(53.549634, -113.506854);
//...options, there are more specified in the fiddle
var panoramaOptions = {position: cafeAmore,
    addressControlOptions: {
        position: google.maps.ControlPosition.TOP_CENTER
    },
    zoomControl: false,
    linksControl: true,
    panControl: false,
    fov: cafeAmorePov[3], //heading, pitch, zoom, fov (degrees of view)
    pov: {
        heading: cafeAmorePov[0], //heading, pitch, zoom, fov (degrees of view)
        pitch: cafeAmorePov[1]
    },
    zoom: cafeAmorePov[2] //heading, pitch, zoom, fov (degrees of view)
};
//call the initial 'canvas' 
var cafe = new google.maps.StreetViewPanorama(
cafeAmoreDiv,
panoramaOptions);
//identify links and attempt to move to a pano
    var links = cafe.getLinks();
    var linkToMoveToHeading = links[1].heading;
    if ((cafeAmorePov[0] > linkToMoveToHeading) && (autoPano = true)) {
        newPanoId = links[1].pano;
        cafe.setPano(newPanoId);

0 个答案:

没有答案