实时谷歌地图标记动画不流畅（ReactJS）

Question

我使用react JS和socket.io从服务器端获取数据（无人机的坐标）。

然后，使用Google API将无人机位置显示为Google地图上的标记。

问题是我的动画不够流畅。 （传送点）

我的标记部分代码结构类似于

googlemap.js

componentDidMount(){
 //setup Map
 //setup initial Positions of the Markers
}

// every time it recerives new data from server, it will update the markers position 
componentWillReceiveProps(nextProps){ 
 //use setMap(null) to remove past markers on the map
 //add the new markers 
}

是否有任何建议或第三方库来处理此问题。

我现在的想法是使用RequestAnimationFrame？

插入一些位置？

（我不打算使用setInterval）

提前致谢