Integrate Leaflet.Polyline.SnakeAnim with reactions-leaflet

Question

我在想如何整合Leaflet.Polyline.SnakeAnim（https://github.com/IvanSanchez/Leaflet.Polyline.SnakeAnim）和反應傳單（https://github.com/PaulLeCam/react-leaflet）Leafletjs插件。

我有一個React應用程序，它使用react-leaflet在DOM中顯示一些折線。就像這樣：

<Polyline weight={4} color={ intToRGB(hashCode(session['session_id'])) } positions={session.waypoints.map(waypoint => [ waypoint.lat, waypoint.lng ])} /> 

這會是很好，如果我可以動畫它們，這樣他們「snakein」之類的上述插件允許。但是因爲我的多段線是作爲React組件實現的，所以我沒有看到如何將這個功能給他們。

我真的很喜歡使用反應小葉的語法，這將是，如果我不得不端口一個無賴我的應用程序VanillaJS實現此功能

任何幫助表示讚賞！

https://github.com/caseysiebel/map-express/blob/master/client/components/Map.js

Answer 1

我認爲這是可能的，如果你讓調用該方法snakeIn的自定義組件。您應該可以創建react-leaflet's Polyline class的副本。在副本中，您將導入Leaflet.Polyline.SnakeAnim並修改createLeafletElement函數。我認爲您可能還必須覆蓋從MapLayer類繼承的componentWillMount和componentWillUnmount方法，以便使用不同的簽名來向地圖中添加/刪除折線。