Плагин Яндекс. Карт для ВП.
Начат бета тест плагина Яндекс. Карт для WorrdPress.
Нужно сказать большое спасибо заказчику плагина Яндекс. Карт Интернет студии «Сайт для Вас», который предоставил плагин для свободного распространения.
Немного о сервисе Яндекс. Карт.
Как написано на странице «Яндекс. Карты на вашем сайте»
API Яндекс. Карт — это бесплатный инструментарий, позволяющий встраивать карты Яндекса на ваш сайт. С помощью API Яндекс. Карт вы сможете управлять картами и их содержимым, а также, создавать различные приложения — от простых интерактивных схем проезда к офису до сложных геоинформационных сервисов.
О плагине Яндекс. Карт.
Плагин Яндекс. Карт был заказан под городской портал (как было сказано выше заказчиком и спонсором плагина является Интернет студии «Сайт для Вас»), и предполагает структуру информационного сайта (или каталога адресов). То есть, плагин встраивается в структуру рубрик и отображает метки адресов, указанные в постах данных рубрик и подрубрик, входящих в данную рубрику.
Структура плагина Яндекс.Карт весьма проста и прозрачна (вся сложная работа спрятана в теле плагина). На страницах рубрик плагин сканирует посты текущей рубрики на наличие постов с установленным дополнительным полем для меток на карте. При нахождении таких меток сформировывается группа меток для данной рубрики, которая затем выводится на карту. Далее, если у рубрики имеются подрубрики, то производится сканирование постов подрубрик на наличие меток и для каждой подрубрики формируется группа меток, которая выводится в меню показа (при выборе пунктов данного меню показывается или скрывается группа меток, закрепленная заданным пунктом меню).
Такая структура плагина было выбрана специально для создания гео-информационных сайтов на WorrdPress. Данная структура плагина прекрасно подходит для быстрого создания сайтов, предоставляющих информацию о расположении объектов и путей подъезда или транспорта.
Например:
Рассмотрим пример автомобильного портала, где выложены адреса автомастерских (СТО), заправок, авто-магазинов и т.д. Использование меток + Яндекс.Карт данной местности увеличит информативность данного портала, и для пользователя поиск определенного объекта намного облегчится, так как, кроме адреса объекта, он сможет посмотреть карту расположения объекта и т.д.
Думаю, в общих чертах, понятно, как работает плагин Яндекс.Карт.
Давайте рассмотрим подробнее работу с плагином Яндекс.Карт.
Установка и настройка Яндекс. Карт.
Для установки плагина вам необходимо скачать архи плагин BB_map и распаковать его в каталог (Ваш домен\wp-content\plugins) плагинов WorrdPress. Активировать плагин BB_map на странице плагины (wp-admin->Плагины). После чего перейти на страницу плагина BB_map (wp-admin->Настройки->BBmap) и загрузить настройки по умолчанию (кнопка «Загрузить настройки по умолчанию»).
На этом установка плагина завершена, переходим к настройке плагина.
Прежде всего, для работы с плагином необходимо получить API-ключ Яндекс.Карт и вписать его в соответствующее поле (поле «API-ключ») на странице настройки плагина (wp-admin->Настройки->BBmap) и сохранить настройки (кнопка «Записать настройки»).
Примечание:
API-ключ - Это уникальный ключ, который позволит использовать API Яндекс.Карт только на вашем сайте. Именно поэтому для получения ключа в форме регистрации требуется указать URL вашего сайта. Использование одного ключа на нескольких сайтах невозможно. Получить API-ключ можно по адресу - http://api.yandex.ru/maps/form.xml.
Далее необходимо установить геоточку города (поле «Координаты города»), с картой которого будет производиться дальнейшая работа (об определении координат геоточки читай ниже).
Также, необходимо указать масштаб карты (от 1 до 20), и сохранить все настройки (кнопка «Записать настройки»).
По умолчанию: после загрузки параметров по умолчанию, устанавливается геоточка города Москвы и масштаб карты 14.
Координаты геоточек города и меток
API Яндекс.Карт поддерживает установку геоточек (координат города и меток), как в формате почтового адреса (например, «Москва, ул. Трудовая, д. 27/13») так и в формате географических координат (например, «37.571309, 55.767190»). Однако, в виду того, что количество запросов к серверу API Яндекс.Карт ограничено (всего 25к запросов в день с одного адреса), было решено использовать в плагине Яндекс.Карт формат геокоординат, так как данный формат не создает дополнительные запросы на сервер Яндекс.Карт для задания геоточки.
Как было, сказано выше, плагин поддерживает задание координаты геоточки в формате - геокоординат («Широта геоточки, Долгота геоточки»), также, в данном формате, нужно вводить координаты меток на карте на странице постов.
Определения геоточки местности. Для определения координат местности, для задания меток на карте, вы можете использовать сервис поиска по почтовому адресу, приведенном в внизу странице настройки плагина или сервис Яндекс. Определение координат по адресу: (http://api.yandex.ru/maps/tools/getlonglat/ ).
После удачного поиска геокоординат, необходимо из поля «Координаты метки» скопировать найденные координаты геоточки и вставить в необходимое поле плагина (например, в поле «Координаты города»).
Дополнительные настройки плагина Яндекс. Карт.
Назначение стилей меток рубрикам.
Стили обозначений меток на карте. Для назначения стилей перейдите на страницу «Редактировать стили » (щелкните на кнопку с надписью «Редактировать стили»).
Для изменения/назначения стилей меток, выберите в выпадающем списке рубрику, которой необходимо назначить стиль. В текстовом поле впишите указатель стиля метки (стандартные указатели стиля меток приведены ниже в двух таблицах). После, сохраните изменения, нажав на кнопку с надписью «Сохранить стили».
Примечание:
Также вы можете указать стили меток к каждой записи, при редактировании поста укажите в дополнительном поле указатель стиля (в данной версии не реализовано).
Пока это все настройки плагина реализованные в данной версии.
Приступим непосредственно к работе с плагином Яндекс. Карт.
Прежде всего, необходимо прописать в шаблоне нашего блога/сайта необходимые теги, в которые будет произведен вывод карты и меню карты.
Для вывода карты на страницах рубрик или на главной странице, необходимо прописать в файле шаблона рубрик в месте вывода карты следующие строки:
<style type="text/css">
/* Оформление меню (начало)*/
#menu { list-style: none; margin: 0; padding: 0; }
#menu a { text-decoration: none; border-bottom: dashed 1px; }
a.active { color: #000; }
/* Оформление меню (конец)*/
</style>
<div id="YMapsID" style="width:500px;height:500px"></div>
<ul id="menu"></ul>
Стили можете добавить в ваш файл стилей и настроить по оформлению вашего дизайна.
Задания меток на карте.
Для каждого поста плагин формирует дополнительное поле, в котором необходимо описать указатель метки.
Указатель метки
В поле введите указатель метки данного поста для отображения на карте (если поле пустое, то указатель поста не будет отображаться на карте ). Формат данных указателя: гео. координаты на карте, название метки, короткая справка (HTML), все вводится в одну строчку, используя разделитель <###> (смотри пример).
Пример:
30.563022,50.426472###Названия Метки ###<div> Короткая справка к метке</div>
Определение геокоординат было описано выше.
Смотрим также другие интересные плагины:
Плагин BB Sitemap Generator v1.03
Плагина «Просто Кэш» - новая версия плагина еще быстрей и экономичней.
Плагин BB Add Category Content v 0.1 Добавление контента к рубрикам/категориям.
Интеллектуальная система защиты от спама в комментариях, плагин “BB No Spam Bot”.
и т.д.
02.02.2010 в 12:21
Надо будет и себе попробовать установить этот плагин. Спасибо за подробную информацию о нем.
11.02.2010 в 14:18
Как раз искал как добавить Яндекс Карту на свой блог, а тут даже лучше, этот плагин подход на все 100% к моим задумкам, спасибо за такое подробное описание!
11.03.2010 в 07:18
а где ссылка на плагин?
06.07.2010 в 13:01
[…] Более подробно об установке плагина читайте в предыдущем посте «Плагин Яндекс Карт для ВП» […]