How do I add a curved path between 2 coordinates in a MapBox element?

Ask us anything How do I?
1

Looking for help with the MapBox element

I’ve been trying to add a curved path between 2 coordinates. The goal is to display a plane’s flight path between 2 airports. Havent been able to find documentation as to getting this done in WeWeb. Happy to pay for a consultation if you’re free and have experience doing this. I have the start and end coordinates as well as all the coordinates between that make up the curve.

2

Hi Oscar :waving_hand:,

Thanks for reaching out! To help you (and the community members who might come across this) find the best solution, it would be really helpful to get a bit more context:

  1. Screenshots of your setup : Can you share a screenshot of your MapBox element configuration in WeWeb? This helps us see exactly what you’re working with.
  2. What you’ve tried so far : Have you explored any MapBox documentation or attempted any approaches? Even if they didn’t work, knowing what you’ve already tested saves the community time and helps them suggest better alternatives.
  3. Your current data structure : How are you storing/passing the two coordinates? Is it from a database, API, or hardcoded values?
  4. Expected behavior : Just to clarify: are you looking to display a curved line on the map itself (using MapBox’s line styling), or are you working with an overlay?

With these details, someone from the community will likely be able to point you in the right direction pretty quickly. Looking forward to seeing what you’re building! :raising_hands: