Экраны: https://goo.gl/ze2qxu
Прототип: https://goo.gl/mdtFu5

Задача:

1. На странице размещена карта (Yandex, Google) с координатами в центре Москвы.
2. Размещено поле ввода адреса
   
   1. По умолчанию в поле ввода адреса отображаем текущий адрес определённый по геопозиционированию. Если адрес не определился то поле пусто.
   2. При вводе адреса показываем подсказки по адресу (как здесь https://tech.yandex.ru/maps/jsbox/2.1/suggest) Frame 1.1
   3. При выборе адреса из подсказок, у плейсмаркера на карте устанавливаются координаты выбранного адреса и карта центрируется по этим координатам. Frame 1.2
3. Плейсмаркер на карте можно перемещать, по окончанию перемещения его координаты конвертируются в адрес и адрес отображается в строке ввода.
4. Плейсмаркер появляется только после того как выбран адрес.
5. При клике на “прицел” в строке ввода адреса - определяется текущий адрес с помощью гео позиционирования.
6. При клике на “Следующий шаг” над кнопкой отобразить координаты плейсмаркера.
   

Оформление кода:
У нас должен быть <div class=”select-address></div>
Объект блока должен быть привязан к диву через data: $(“.address-selecter”).data(“com”);
За основу класса блока взять конструкцию: https://github.com/yogas/codelib/blob/master/js/class.js
Должны быть доступны следующие функции:

$(“.address-selecter”).data(“com”).getAddress(); // получить адрес
$(“.address-selecter”).data(“com”).getCoord(); // получение координат плейсхолдера
$(“.address-selecter”).data(“com”).onCoordChange(function(address, coord){}); // калбек при изменении координат