How to make a GEO link on the site for the navigator, so that the navigator opens when clicked on a mobile device?

Question

JavaScript

How can I make a link on the site for the navigator, so that when you click on the mobile device, the navigator opens, and you can get directions to the store or pickup point.
The simplest solution suggested by Google is to define geo-coordinates (like: 54.833323840327964,37.46271079267866 ), and generate a GEO link:

<a rel="nofollow" href="geo:54.833323840327964,37.46271079267866">geo:54.833323840327964,37.46271079267866</a>

This method works on Android devices: when you click on the GEO link, you are prompted to select an application for navigation from those installed on your mobile device.
Unfortunately, it doesn't work on IOS. At least when testing and clicking on a link from an Iphone, Safari displays an error message.

I would like to find some universal solution to the problem of opening an application for navigation through a link, regardless of the operating system on the mobile device.