search

zcreativelabs / react-simple-maps

Beautiful React SVG maps with d3-geo and topojson using a declarative api.
https://www.react-simple-maps.io/
MIT License
3.04k stars 424 forks source link

Airplane marker on the line #225

Open Frit opened 3 years ago

Frit commented 3 years ago

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) image

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!