How to implement the choice of delivery address as on ozon.ru?

Question

JavaScript

Hello.

Many sites have implemented such an address selection functionality, I will give an example on ozon.ru

Yes, for more clarity, here is a video .

That is, it is necessary that the marker be in the center all the time, when you click on the map or after the drag is completed, it gives the coordinates of the marker point.

Implemented most likely on the basis of this api

But this api still needs to be finalized before the result is needed.
Since the implementation is popular, I think there should be a finished result.

How to find this option in finished form?

Answer 1

Well, how, how, go to the ozone site and find it ready there.

Answer 2

1. Create an element above the map with this image. We add css to it so that it does not interfere with the user's work with the map.event-pointer:none
   
2. On the event of the map, actionbeginwe turn on the animation of the beginning of the movement of the point.
   
3. On the map event, actionendwe lower the point on the map, take the center of the map map.getCenter(), use reverse geocoding, add the text of the calculated address to the point.
   
4. Finishing with a file