如何在Google Maps API V3中为折线上的自定义标记（而不是图标）设置动画？

Question

我正在制作一个地图，其中自定义创建的标记将从起点到终点在Polyline上进行动画处理。 目前，它的做工精细用“ google.maps.SymbolPath.CIRCLE ”图标。 但是我想使用我的自定义标记而不是这个“ google.maps.SymbolPath.CIRCLE ”图标。 有人可以帮忙吗？ 如果有人在短时间内帮助我，那将是很棒的。 提前致谢。

Answer 1

要添加自定义图标，您必须在marker对象中设置icon值。

以下是示例如何添加自定义图标

var marker = new google.maps.Marker({
    position: map.getCenter(),
    icon:'https://cdn4.iconfinder.com/data/icons/pictype-free-vector-icons/16/location-alt-512.png',
    draggable: true,
    map: map
});

在icon YOUE必须给你的自定义图标的路径。
演示在这里

如果你想在图标上比第一添加点击监听click事件添加动画

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

然后在该function执行类似的操作

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

这里的新演示