Trying to use comgooglemaps with waypoints internet url - google-maps

Question

I want to send coordinates to a user's google maps with waypoints. Unfortunately, it is only sending the starting point and destination. I need it to work for all devices regardless of their last update, if possible. The goal is for the user to be able to add up to 4 waypoints or none at all and the code to work normally. I also looked into node modules, but was unable to find any that met my needs. I am open to all suggestions.
`const rideWithGoogle = () => {
console.log("currentDestinationCords: ", currentDestinationCords)
console.log("currentLocation: ", currentLocation)
console.log("Ride with Google: ", waypointString)
if (navigator.userAgent.match(/iPhone|iPad|iPod/i)) {
// Open Google Maps with coordinates on iOS
//window.location.href = `comgooglemaps://?daddr=${encodedPolyline}`;
//window.location.href = `comgooglemaps://?q=${currentLocation?.lat}%2C${currentLocation?.lng}&waypoints=${waypointString}&daddr=${currentDestinationCords[0]}%2C${currentDestinationCords[1]}`;
window.location.href = `comgooglemaps://?saddr=${currentLocation?.lat}%2C${currentLocation?.lng}&daddr=${currentDestinationCords[0]}%2C${currentDestinationCords[1]}&waypoints=via:${waypointString}`
//window.location.href = `comgooglemapsurl://www.google.com/maps/dir/${currentLocation?.lat},${currentLocation?.lng}/${waypointString}/${currentDestinationCords[0]},${currentDestinationCords[1]}`
} else {
if (navigator.getInstalledRelatedApps) {
navigator.getInstalledRelatedApps().then(relatedApps => {
if (relatedApps.some(app => app.platform === "play" && app.id === "com.google.android.apps.maps")) {
// Google Maps is installed, so launch it with the coordinates
navigator.launchApp("com.google.android.apps.maps", `geo:0,0?q=${currentLocation?.lat}%2C${currentLocation?.lng}&waypoints=${waypointString}&daddr=${currentDestinationCords[0]}%2C${currentDestinationCords[1]}`).then(() => {
console.log("Google Maps launched successfully!");
}).catch(err => {
console.log("Error launching Google Maps: ", err);
});
} else {
console.log("Google Maps is not installed on this device.");
}
});
}
}
}
const go = () => {
console.log("waypoint: ", waypoint)
if (waypoint?.length < 1) {
{!riderDidPay && setPaymentOption(true)};
if (riderDidPay) {
if (waypoint.length > 0) {
let wps = "";
for (let i = 0; i < waypoint.length; i++) {
wps += `${waypoint[i]?.lat}%2C${waypoint[i]?.lng}|`;
}
setWaypointString(wps.slice(0, -1));
}
}
} else {
// setIsUserDriving(!isUserDriving);
// map?.panTo(currentLocation);
// map?.setZoom(20);
if (waypoint?.length > 0) {
let wps = "";
for (let i = 0; i < waypoint.length; i++) {
wps += `${waypoint[i]?.lat}%2C${waypoint[i]?.lng}|`;
}
setWaypointString(wps.slice(0, -1));
setReadyToDrive(true);
}
setReadyToDrive(true);
}
}`