选择一个标记后,停止所有标记的动画

时间:2019-05-03 10:17:36

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

目前,我有一个带有Google地图的页面。 Google Maps从外部JSON文件加载我的标记。

我想将动画添加到用户知道他选择的位置的标记中。我可以让toggleBounce()处理所有标记。但是当用户选择1个标记然后选择另一个标记时,我无法正常工作。他选择的第一个停止弹跳。

可能只有一个标记在跳动,因此用户始终知道他选择了哪个位置。

我已经尝试了另一个for循环,这会创建新标记,但不会选择它们。

这是我的js文件,用于加载地图并放置标记。 https://pastebin.com/E3qHZiCW

function toggleBounce() {
                    if (marker.getAnimation() !== null) {
                        marker.setAnimation(null);
                    } else {
                        marker.setAnimation(google.maps.Animation.BOUNCE);
                    }
                }

正在加载的JSON: http://raepers.dewitte.modxcloud.com/system/json-dealers.json

到目前为止我所拥有的示例: http://raepers.dewitte.modxcloud.com/nl/verdelers/

任何人都只有一个标记弹跳的经验吗?那么要重置所有标记上的动画并让您单击的最后一个标记跳动吗?

0 个答案:

没有答案