So after looking at the Google Maps API reference, what I need to do is draw lines between the markers. Here is the documentation.
https://developers.google.com/maps/documentation/javascript/examples/polyline-simple
It looks looks like you just put in the coordinates and define the line.
var flightPlanCoordinates = [
{lat: 37.772, lng: -122.214},
{lat: 21.291, lng: -157.821},
{lat: -18.142, lng: 178.431},
{lat: -27.467, lng: 153.027}
];
var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
geodesic: true,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2
});
flightPath.setMap(map);
However I don’t know enough about JavaScript to make this happen. What does it take to grab those flightplan coordinates from a database query? Then how do you integrate it into the Wappler Google Maps code?