弹跳标记

时间:2011-11-23 18:58:13

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

我想知道是否有人可以帮助我。

我正在使用以下页面here,以允许用户查看所选条件的标记,并在左侧的侧边栏中列出结果。我正在尝试做的是通过侧边栏或地图选择标记进行反弹,标记在选择另一个标记后停止反弹。

我可以让标记从侧边栏和地图上的标记反弹,但是一旦选择了另一个,我找不到停止标记弹跳的方法。我查看了本网站上的主题以及各种其他教程,但我找不到任何能告诉我如何将“弹跳”功能从一个标记移动到另一个标记的内容。

我只是想知道是否有人可以请某个人看看这个,让我知道我哪里出错了。

非常感谢和亲切的问候

1 个答案:

答案 0 :(得分:2)

要阻止标记弹跳,您只需拨打marker.setAnimation(null)

针对您希望最多一个标记弹跳并重复点击同一标记以切换弹跳的情况的示例解决方案:

创建一些全局变量,记住当前的弹跳标记:

var bouncingMarker = null;

创建一个点击监听器,用于检查标记是否正在弹跳并进行所有必要的动画切换。

var clickListener = function() {
    if(bouncingMarker)
        bouncingMarker.setAnimation(null);
    if(bouncingMarker != this) {
        this.setAnimation(google.maps.Animation.BOUNCE);
        bouncingMarker = this;
    } else
        bouncingMarker = null;
}

将侦听器添加到您想要拥有该行为的所有标记:

google.maps.event.addListener(marker, 'click', clickListener);