Question

我制作了一张地图，我的自定义创建的标记会在Polyline从初始点到最后一点进行动画处理。目前，它与＆＃34; google.maps.SymbolPath.CIRCLE＆＃34;图标。但我想使用我的自定义标记而不是这个＆＃34; google.maps.SymbolPath.CIRCLE＆＃34;图标。有人可以帮忙做到这一点。如果有人在短时间内帮助我，那将会很棒。在此先感谢。

Answer 1

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

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

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中，您必须提供自定义图标的路径可用的演示here

如果您想在点击事件上添加动画，而不是先添加点击监听器

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

并在function做类似的事情

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

新演示here

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

1 个答案: