spar.gif

немного о многом

Интегрирование Google Maps в WordPress 2.x

Источник 

Эта статья является вольным писанием на тему плагина Google Maps for WordPress, находящейся по адресу http://avi.alkalay.net/2006/11/google-ma…. То, что посчитал нужным я добавил от себя, то, что не использовал - пропустил, так что это дело не является переводом в прямом смысле этого слова.

Иногда становится очень полезно и приятно интегрировать Google Maps в раздел “контакты” того сайта, который ты делаешь. Я перепробовал несколько различных плагинов для WordPress и просто классов/библиотек (like Solmetra Maps), но в конце-концов остановился на плагине Google Maps for Wordpress. Очень содержательное название у плагина, кстати…

Итак, забираем сам плагин. Радостно ставим его как обычно, то есть в ~/wp-content/plugins и идём в админскую панельку:

Google Maps for Wordpress Admin Panel
Для того, чтобы карта отображалась вам необходимо получить Google Map API Key, который совершенно бесплатно выписывается по вот этому адресу: вводите адрес своего сайта, жмете кнопочку, и получаете код. Единственное, что мне откровенно не понравилось - это то, что необходимо иметь аккаунт @gmail, мои почтовые аккаунты хоть и гугловские но припаркованы к доменам, а такой метод авторизации не прокатывает. Хрен с ним, едем дальше.

Дальше же, всё, собственно упирается в следующее: идём на Google Maps, и выбираем ту точку, где находится наш офис.

Мы получаем с помощью “Link to this page” указатель на ту географическую точку, которую хотим видеть в виде линка. Теперь - наша задача вставить это дело в страницу “Контакты”. Создаём новую страницу в WordPress, она будет ответственна за раздел “Контакты”.

В окне редактирования WordPress добавляем туда тот графический объект и текст, которые будут показываться во всплывающем баллоне при нажатии на зелёную пипку на карте.

Выделяем всю эту гадость, и делаем её ссылкой, при этом указывая в Title тег googlemap (обязательно) и, если необходимо, дополнительные теги через точку с запятой:
- nocontrol или nocontrols: убирает бегунки масштабирования;
- nomarker или nomarkers: убирает зелёную пипку;
- w:размер и h:размер - позволяет проставить на выходе желаемый размер карты. Можно использовать как значения в пикселях, так и процентные, что в некоторых случаях удобно.

Вуаля! При загрузке данной страницы вместо данного линка будет появляться карта местности с привязкой туда, куда надо.

В принципе, самая простая часть описана. Пробуйте, читайте оригинал, если что-то непонятно или необходимо более серьёзная интеграция - спрашивайте

5 комментариев

  1. Костя )) спасибо большое за инфу. я у себя на сайте уже попробовал сделать ! глянь !

    Comment от Папа — Март 12, 2008 @ 15:45

  2. Спасибо, мне очень приятно, что меня цитируют, но вот копирайты вы, господа, не указываете. А это очень и очень не-хо-ро-шо…

    Comment от pratavetra — Март 19, 2008 @ 8:41

  3. Pratavetra! Прошу прощения ! готов понести любое наказание. Забыл указать (((

    Comment от Костя — Март 19, 2008 @ 13:34

  4. Ничего страшного, приятно видеть, что вы отреагировали. :)

    Comment от pratavetra — Март 24, 2008 @ 7:24

  5. я всегда указываю источники, в этот раз торопился и не заметил что не поставил ссылочку….

    Comment от Костя — Март 26, 2008 @ 16:43

RSS лента комментариев к этой записи. TrackBack URI

Оставить комментарий

Войдите под своим логином для написания комментария.

Помочь блогу на сумму 1 WMZ
Скачать фильмы