Карта яндекса
Не один раз уже сталкивался с необходимостью создавать карту Яндекса и вот наконец решил написать как-же можно управлять картой яндекса да ещё и так чтобы это было нормальное и рабочее решение.
И так ниже код с пояснениями:
Тут в параметре ?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/