Поковырялся немного в API Яндекс.Карт

ya.mapsБегло ознакомился с API Яндекс.Карт. Задач тесно связанных с картами нет. Цель — добавление в страницы контактов блока карты. Знакомство с возможностями для этого.

Руководство API Яндекс.Карт достаточно для простых задач. Если копаешь чуть глубже, то уже приходиться экспериментировать и гуглить. Оно и понятно, все не пропишешь. Язык YMapsML пока пропустил. Ориентируюсь на JavaScript API. После беглого чтения, самым практичным будет знакомство с маленькими и большими примерами. Полезная вещь — определение координат точки, объекта, адреса. В поиске еще понравился картографический блог.

Работа с картами ограничивается специальным ключом. Ключ привязывает карту к одному домену. У меня в данный момент шесть ключей для разных доменов. Получается, кол-во ключей для пользователя не ограничено.

Напишу одну из моих маленьких находок, которые не достаточно четко прописаны в руководстве, либо я так бегло читал. На карту можно выводить разные элементы (линейку, зум, маленькую обзорную карту большего масштаба). А как выводить эти элементы в нужное мне место, разобрался не сразу.
map.addControl( new YMaps.TypeControl(), new YMaps.ControlPosition( YMaps.ControlPosition.TOP_LEFT, new YMaps.Point(10, 10) ) );

Все-таки бегло и неполно читал, сейчас вижу целый пример изменение положения элементов управления. В общем, в методе addControl вторым параметром можно задавать положение, используя для этого объект YMaps.ControlPosition. Да вот и в руководстве по объекту YMaps.ControlPosition ключом к пониманию (для меня) является пример:
// Помещает элемент управления в верхний левый угол карты. Отступ от левой границы карты 10, от верхней - 30 пикселов.
map.addControl(control, new YMaps.ControlPosition(YMaps.ControlPosition.TOP_LEFT, new YMaps.Point(10, 30)));

Ну и, возможно, придется поправить стили при работе с Яндекс.Картами. Например, WP-шная тема 2010 задает стили для таблиц контента (#content tr td, #content table). А у YaMaps табличкой выводится балун (описание объекта). Соответственно, чуть поправил css:
#YMapsID tr td {
border: 0 none;
padding: 0;
}
#YMapsID table {
border: 0 none;
margin: 0;
}

Еще из интересных ссылок:
дефолтные стили яндекса для маркеров
список городов с подключенными сервисами яндекса
использование карт с разными CMS статья в клубе разработчиков Яндекс.Карт

Желаю успешной работы.

Запись опубликована в рубрике веб-софт с метками . Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *