Как сделать GEO ссылку на сайте для навигатора, что бы по нажатию на мобильном устройстве открывался навигатор?

Question

[Maксим Волков]

Каким образом можно сделать ссылку на сайте для навигатора, что бы по нажатию на мобильном устройстве открывался навигатор, и можно было проложить маршрут до магазина или пункта самовывоза.
Самое простое решение предложенное Google, определить гео-координаты (типа: 54.833323840327964,37.46271079267866), и сформировать GEO ссылку:

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

Этот способ срабатывает на устройствах на Андроид: при нажатии на GEO ссылку предлагается выбрать приложение для навигации из установленных на мобильном устройстве.
Но к сожалению, на IOS не работает. По крайней мере при тестировании и нажатии на ссылку с Iphone Safari выводит сообщение с ошибкой.

Хотелось бы найти какое-нибудь универсальное решение задачи, открытия по ссылке приложения для навигации, независимо от операционной системы на мобильном устройстве.

Answer 1

[Flashduck]

Как я понял самый простой вариант это сделать разные ссылки для ios и android.

// Для андроид 
<a href="geo:-67.191,-68.264" target="_blank"></a>
//или (если первое не сработает)
<a href="maps://maps.google.com/?q=-67.191,-68.264" target="_blank">Проложить маршрут</a>

// Для ios
<a href="https://maps.apple.com/?ll=-67.191,-68.264" target="_blank"></a>

Дальше сообразить подмену в зависимости от операционной системы телефона. Можно через js определять устройство и ставить css класс для ios, потом ссылки через css прятать чтобы не городить их на js.

Comments

[Maксим Волков]

Благодарю!
Осталось разобраться как на стороне клиента средствами JS определять тип используемой оперционной системы и показывать вариант ссылки.