Airplane marker on the line

[Frit]

Hello! I try to draw a marker (e.g. with an airplane) along the line, but the line drawn by d3 geoPath () curves along the globe. I can calculate x axis for the marker and cannot find y. (https://github.com/zcreativelabs/react-simple-maps/blob/aabd1c600ddfc80bd1e68214fea68cfe87cd365f/src/components/MapProvider.js)

Is it possible to place the marker on the line? or probably do not curve the line(make it straight), it will work for me too.

https://codesandbox.io/s/basic-marker-example-forked-tujod?file=/src/MapChart.js

Thank you!