Hi All- We are an aircraft brokerage company and looking at incorporating something similar to this website in which you can select some aircraft and they show you their range on a map, but also as you scroll down you can compare the specs. What would be the easiest way to do this or is this custom dev? Is it possible for it to be connected to a CMS collection with all the aircraft model?
Yes you could build that using Webflow’s CMS and a fair bit of client-side Javascript programming. Main things you probably need are;
- Ability to select a CMS-stored model by partially typing the name
- Ability to select an origin airport, likely in a similar way, also probably CMS-stored
- Ability to display an as-the-crow-flies circle of radius N kms from the origin, based on the model
You can use this piece I built for the autocomplete selections.
The rest is likely using Google Maps SDK, or Mapbox, depending on which you prefer.
Note I don’t see the point of the destination airport in the example site you gave, unless you want to do a reverse search also- calculate the distance between origin and dest, and list the models that can have the necessary range?
This would obviously all get far more complex if you wanted to allow for refueling stops, etc. as you’d have a segmented journey.