如何将event.addListener与多个街景全景图一起使用

时间:2012-03-21 19:14:38

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

嗨我在第二次尝试之前没有得到答案......

我想控制多个街景全景图的POV(标题和间距),这样当一个全景图向左上下交互式向上移动时,另一个全景图随之移动

我可以使用此javascript:

与全景互动移动panorama2另一个
google.maps.event.addListener(panorama, 'pov_changed', function() {
panorama2.setPov({ heading: panorama.getPov().heading + $headingoffset, pitch: panorama.getPov().pitch, zoom: panorama.getPov().zoom });
});

当我通过与panorma2的交互添加相同的代码来控制全景时,两个全景图都无法交互,因此我假设代码导致循环

google.maps.event.addListener(panorama2, 'pov_changed', function() {
panorama.setPov({ heading: panorama2.getPov().heading - $headingoffset, pitch: panorama2.getPov().pitch, zoom: panorama2.getPov().zoom });
});

\ $ headingoffset值是两个全景图之间的差异程度 当我更改POV时,我是否必须关闭另一个全景图再打开监听器 - 如果是这样的话

或者可以通过DIV鼠标事件来完成

1 个答案:

答案 0 :(得分:1)

我们假设鼠标必须在全景图上方以更改POV,因此您可以:

创建变量。

当鼠标悬停在div上时,将div指定给变量 当pov_changed触发时,您现在可以确定pov_changed是否是用户操作的结果(当变量设置为与全景相关的div时),而不是,否则不执行任何操作。

演示:http://jsfiddle.net/doktormolle/Y9947/