如何在StreetView Panorama中动态更新链接?

时间:2014-02-20 06:46:00

标签: javascript google-maps-api-3 google-street-view

我正在使用Google街景来显示自定义全景图,并想要一种动态更新视图中显示的链接的方法(旋转它们,添加新链接并删除它们)

当我说“链接”时,我指的是用于在街景中导航的箭头。

现在,我有一个数组代表我想要添加的链接,当我第一次输入全景时,它们会被正确添加(通过links_changed事件),但我无法看到链接已更新,没有在街景内来回跳转。

我试图“欺骗”全景图,认为它已经改变了:

panorama.setPano(panorama.getPano());

我还尝试通过发出以下命令手动触发links_changed事件:

google.maps.event.trigger(panorama, 'links_changed');

运行该函数就好了,但它在streetview中没有做任何事情

这是一个描述我的问题的JSFiddle:

http://jsfiddle.net/p2nZB/4/

1 个答案:

答案 0 :(得分:2)

试试这个:

function createCustomLinks() {

    var links = panorama.getLinks();
    var panoId = panorama.getPano();

    links.push({
        heading: parseInt(degInput.value),
        description: 'Something',
        pano: panoId
    });

    panorama.setOptions({
        links: links
    });
}

并从您的点击事件监听器中调用createCustomLinks()。这应该有用。