Чтобы клиентам было проще вас находить предлагаем использовать в мобильной версии сайта не только карту, а еще и возможность проложить маршрут к вашей организации с помощью Яндекс.Карт, Яндекс.Навигатора и Google.Maps.
Вот например как это выглядит страница в Desktop версии и в Mobile версии


Отображение блоков только в Mobile версии реализовано с помощью классов Bootstrap hidden-lg hidden-md
Разберем на примере как это сделать для вашего сайта.
Допустим адрес нашей компании: Санкт-Петербург, ул. Константина Заслонова, 18
Иконки можете взять либо в Яндекс/Google картинках либо попросить дизайнера отрисовать в вашей стилистике.
Координаты точки (широта и долгота) можно взять из URL в Яндекс.Картах или в Google.Maps нажав ПКМ – Что здесь?
Яндекс.Навигатор и Яндекс.Карты это разные приложения, соответственно и ссылки будут разные.
Ссылка для Яндекс.Карт:
<a href=’yandexmaps://build_route_on_map?lat_to=59.918423&lon_to=30.347444′>
Yandex навигатор
</a>
Ссылка для Яндекс.Навигатора:
<a href=’yandexnavi://build_route_on_map?lat_to=59.918423&lon_to=30.347444′>
Yandex навигатор
</a>
Ссылка для Google.Maps:
<a href=’google.navigation:q=59.918423, 30.347444&mode=d’>
Google maps
</a>
Ссылки будут работать только с мобильной версии с мобильной версии с переходом в приложении.
See the Pen
Как проложить маршрут с сайта by Evgen (@berloga13)
on CodePen.
Если у вас возникли сложности – записывайтесь на индивидуальное занятие и мы вместе подробно разберем конкретно ваш сайт.
No comments.