Question

有没有办法在地图外的其他组件上为react-google-maps上的标记设置动画？我的具体要求是能够点击列表中的项目，该项目将地图上的标记设置为动画两秒钟。不必重新渲染标记就好了。

Answer 1

animation道具应该是1或2的数字。

1等于window.google.maps.Animation.BOUNCE。

2等于window.google.maps.Animation.DROP。

所以要创建一个带动画的标记，它应该如下：

<Marker
position={position}
animation={window.google.maps.Animation.DROP}
/>

或

<Marker
position={position}
animation={2}
/>

如果你想删除BOUNCE动画，请使用animation={null}。

您可以使用标记state={ animation : 2 }（DROP动画）启动应用，然后使用state={ animation: 1 }（BOUNCE动画）更改为setState({ animation : 1 })，您可以使用setState({ animation: null })停止BOUNCE动画

选中此Marker animation example on google maps docs

react-google-maps标记动画

1 个答案: