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

Каким образом можно сделать ссылку на сайте для навигатора, что бы по нажатию на мобильном устройстве открывался навигатор, и можно было проложить маршрут до магазина или пункта самовывоза.
Самое простое решение предложенное 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 выводит сообщение с ошибкой.

Хотелось бы найти какое-нибудь универсальное решение задачи, открытия по ссылке приложения для навигации, независимо от операционной системы на мобильном устройстве.
  • Вопрос задан
  • 918 просмотров
Пригласить эксперта
Ответы на вопрос 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.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы