Как реализовать выбор адреса доставки как на ozon.ru?

Question

[Ilia Malashko]

Здравствуйте.

На многих сайтах реализован такой функционал выбора адреса, приведу пример на ozon.ru

Да большей наглядности вот видео.

Т е надо что бы маркер все время был по центру, при клике по карте или после завершения перетаскивания отдает координаты точки маркера.

Реализованно скорее всего на основании данного api

Но до нужно результата этот api еще нужно доработать.
Так как реализация популярная, думаю должен быть готовый результат.

Как найти данный вариант в готовом виде?

Comments

[Danny Arty]

на озон используется их корзинный виджет https://docs.ozon.ru/rocket/integration/widget/

[Ilia Malashko]

Danny Arty, это виджит на случай если доставка осуществляется в постомат ozon. Там кликами выбирается постомат. А еще есть "доставка курьером", вот в этой доставки механизм что я описал в задаче, он то мне и нужен.

[Danny Arty]

Ilia Malashko, это уже работа с API Ozon Rocket или Ozon Seller

Answer 1

[freeExec]

Ну как, как, пойти на сайт озон и найти его там готовый.

Comments

[Ilia Malashko]

С этого и начал, но не смог найти. Там куча всего понамешено, черт ногу сломит.
При событии есть несколько запросов на api-maps.yandex.ru вот я и подумал может это готовый дефолтный виджит с яндекса, но в документации найти не могу

Answer 2

[Георгий Еремеев]

1. Создаем элемент над картой с этим изображением. Добавляем ему css event-pointer:none чтобы не мешал работе пользователя с картой.
   
2. По событию карты actionbegin включаем анимацию начала перемещения точки.
   
3. По событию карты actionend опускаем точку на карту, берем центр карты map.getCenter(), используем обратное геокодирование, дописываем точке текст вычисленного адреса.
   
4. Дорабатываем напильником