Как сделать кнопку «Построить маршрут» Google Maps на сайте?

Question

[Антон Р.]

То есть посетитель сайта нажимает кнопку «Построить маршрут» и у него открываются гугл карты где построен маршрут от его местоположения до заданной точки.

Я знаю что можно сделать вот такую ссылку где:
https://www.google.com/maps/dir/(здесь адрес отправления)/(здесь адрес назначения)
но как сделать автоматическое определение адреса отправления, то есть текущих координат человека?

Answer 1

[Кирилл Горелов]

Максимум ты можешь определить город пользователя, а координаты получить автоматически нельзя. Только если он сам жамкнет по карте где он находится.

Comments

[Антон Р.]

Интересный поворот. Эта кнопка для сайта в США, там клиент может быть ОЧЕНЬ далеко от пункта назначения )

[Кирилл Горелов]

Антон Р., Суть в том, что ты можешь определить город пользователя по его ip.
И на этом все. Гугл может выдать тебе координаты города и с этими координатами дальше работать. На этом ВЕБ ограничен в возможностях геолокации.

[Кирилл Горелов]

Антон Р., Я когда делал подобный проект, у нас пользователь ставил балун на карте в вручную.
У нас еще было моб. приложение. Там проще, там андроид через геолокацию мог выдать координаты пользователя.

[Антон Р.]

Кирилл Горелов, а если по клику у человека открывается приложение гугл карт на телефоне?
Ладно, в общем спасибо за ответы, буду пробовать.

[Кирилл Горелов]

Антон Р., Что-то заморочено. Открыть гугл карты на телефоне .....
Проще попросить его вручную поставить метку. К тому же гугл сразу откроет где город где он просто выберет свое положение. Что намного упрощает процесс разработки

[Антон Р.]

Кирилл Горелов, сделал кнопку с заполненным пунктом назначения, при клике открывает на телефоне гугл карты:

[Кирилл Горелов]

Антон Р., Ты с телефона делаешь, я думал из браузера......

[Антон Р.]

Кирилл Горелов, я и так и так, но скорее всего с телефона будут нажимать конечно, чтобы сразу поехать по маршруту.

Answer 2

[hzzzzl]

автоматическое определение адреса отправления, то есть текущих координат человека?

автоматически без разрешения пользователя не выйдет, но браузер может запросить локацию
https://developer.mozilla.org/en-US/docs/Web/API/G...

function getCoords() {

  function success(position) {
    const latitude  = position.coords.latitude;
    const longitude = position.coords.longitude;

    // это можно куда-нибудь сохранить, в сторадж или переменную
    const href = `https://www.google.com/maps/search/${latitude},${longitude}`

    console.log(href)
  }

  function error() {
    console.log('Unable to retrieve your location')
  }

  if(!navigator.geolocation) {
    console.log('Geolocation is not supported by your browser')
  } else {
    navigator.geolocation.getCurrentPosition(success, error);
  }

}

getCoords()