Запустил группу вконтактеНовые технологии дают толчок к будущемуЗа последние выходные почти полноценно перешёл на LinuxУмение ходить по граниКак тяжело терять близких людей

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

Не один раз уже сталкивался с необходимостью создавать карту Яндекса и вот наконец решил написать как-же можно управлять картой яндекса да ещё и так чтобы это было нормальное и рабочее решение.

И так ниже код с пояснениями:

Тут в параметре ?key=AMSm61EBAAAAX3WaKgIARyrm_6sxQi1KEFvo2U2QKnuPb4cAAAAAAAAAAACW8goRjp43ricQ6Cwnrm24MxJFHQ передём ключ от Яндекса.
В этом поле /1.1/ передаётся формат карты яндекса, насколько я знаю уже существует версия 2.1

script src="http://api-maps.yandex.ru/1.1/index.xml?key=AMSm61EBAAAAX3WaKgIARyrm_6sxQi1KEFvo2U2QKnuPb4cAAAAAAAAAAACW8goRjp43ricQ6Cwnrm24MxJFHQ==&modules=traffic" type="text/javascript"> /script>

YMaps.jQuery(function () {

Указываем в каком именно ID дива бужет распологатся наша карта

var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);

Подключаем возможность отображение масштабирования на карте

var zoom = new YMaps.Zoom();

Добавляем Элемент Яндекс пробок на сайт

traffic = new YMaps.Traffic.Control();

Позиционируем карту, указываем её центер и координаты, а так-же масштаб карты

map.setCenter(new YMaps.GeoPoint(49.101395,55.801125), 12);

 

Добавляем вариант карты на экран

map.addControl(traffic);

traffic.show();

Отображаем элемент масштабирования карты

map.addControl(zoom);

Добавляем метку на страницу карты указав координаты

var point = new YMaps.GeoPoint(52.454336,54.601959);

var placemark = new YMaps.Placemark(point);

map.addOverlay(placemark);

При клике на маркер будет появляется форма с сообщением, в скобках можно прописать само сообщение в формате HTML

placemark.setBalloonContent('Лениногорск, ул. Ленинградская, д.35');

Ну и нконец закрывающие теги

})

/script>

Отображаем карту на экране

 

div id="YMapsID" style="width: 100%; height: 850px;">  /div>

 

Для определения координат очень удобно пользоваться сервисом: http://api.yandex.ru/maps/tools/getlonglat/