Карта яндекса на сайт

Как определить координаты

Геокодер помогает определить координаты объекта по его адресу или, наоборот, установить адрес по координатам.

API Яндекс.Карт — это набор сервисов, которые позволяют использовать картографические данные и технологии Яндекса в ваших проектах

Добавление карты со своим "балуном"

Карта добавляется через вставку JS на сайт, описание всех моментов есть на сайте API Карт яндекса.

Вставка карты в проект и замена булна

<!-- Код карты Яндекс -->
     <div class="map-wrap" >
         <div id="map" class="map"></div>
     </div>

Вставка балуна в коде

Настройка кода

myMap.setCenter([60.14533529437368,30.213235063413183]); // Устанавливаем центр карты в переданные координаты (балун)
    var position = myMap.getGlobalPixelCenter();

Помещаем центр карты в координаты нашего балуна, после по условию сдвигаем карту относительно центра.

Изменение размера балуна в коде, при разных разрешениях

Пример из моего проекта

Имеется 3-и версии страницы с картой, нужно на каждом разрешении смещать балун.

Для решения этой задачи в коде JS будем центрировать балун в центр экрана, затем смещать в нужное место. Все манипуляции делаются в коде.