react-google-maps标记动画
react-google-maps标记动画
提问于 2017-08-26 01:58:00
有没有一种方法可以从地图之外的另一个组件上为react-google-maps上的标记设置动画？我的特定要求是能够点击列表中的一个项目，该列表在地图上显示两秒钟的动画标记。如果不需要重新渲染标记就好了。
回答 1
Stack Overflow用户
发布于 2018-06-10 05:23:43
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}
/>如果要删除反弹动画，请使用animation={null}。
您可以使用marker state={ animation : 2 }(拖放动画)启动应用程序，然后使用setState({ animation : 1 })(弹跳动画)切换到state={ animation: 1 }，然后使用setState({ animation: null })停止弹跳动画
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45887099
复制相关文章
相似问题