В этой статье вы найдете более подробную информацию о плагине Google Map Professional, его настройке, установки и использование.

Плагин Google Map Professional

Плагин отображающий карту Google c маркером на объкт. Plugin Google Map Professional для WordPress.


08.02.2014 | Wordpress | Теги: комментария 4 | 12251 просмотров | Автор статьи: Александр Рус


Всем привет! С Вами снова я! 🙂

Мне поступил один заказ совсем недавно, создать сайт на движке WordPress. Я естественно согласился. Пока я его потихонечку верстаю. Очень неплохо получается. В ближайшее время я обязательно поделюсь своей готовой работай, может Вы мне еще подскажите, что можно улучшить на нем.

Вообщем, зачем я вообще начал разговор про него. Дело вот в чем. Заказчик попросил меня на странице контакты, создать  карту на которой будет видно местонахождение их офиса. Он говорил, что такое видел на одном из корпоративных сайтов. Я его идею понял, потому что сам видывал такое и начал поиски. Мне попались несколько плагинов, предназначенных для этой задачи. Так вот из них я оставил на мой взгляд свой выбор на самом лучшем — это плагин Google Map Professional.

Скачать данный плагин можете через сайт wordpress.org или через поиск в админ панели сайта, в разделе плагины.

Установка плагина очень простая. Более подробнее, как устанавливать плагины на wordpress вы можете почитать здесь.

В настройках плагин не нуждается.

Итак, плагин установлен и активирован. Теперь ниже я опишу 2 способа, как с помощью него можно вывести карту Google в записях или на странице.

Способ 1

Вывести карту можно непосредственно из самого визуального редактора. Визуального не зря написал, так как в html-режиме эта функция отсутствует, она работает только в визуальном. Там специальная кнопка для добавления.

googlemapcliks13

Кнопка для добавления Google карты

Нам необходимо кликнуть по этой кнопке, выпадет список, в нем кликаем по надписе Google Map.  Далее появится вот такое окно:

googlemapcliks1341

В нем нам необходимо прописать информацию об объекте на карте:

  • widtht и height — отвечают соответственно за ширину и высоту рамки, в которой будет отображаться наша карта на сайте.
  • Latitude и Longitude — координаты местонахожедения объекта на карте Google. Их можно узнать воспользовавшись специальным сервисом Geo-location.
  • Controls — это средства управления. Рекомендую оставить True.
  • Zoom — масштаб карты. Выбирается в пределах от 1-19. Рекомендую ставить 15.
  • Html — здесь введенная информация будет отображаться на маркере карты.
  • Popup — если этот параметр вкл., то html параметр будет работать, если False, то он будет отключен и маркер не покажет ни какой дополнительной информации об объекте, введенной вами.

После чего нажимаем Insert Shortcode(Вставить шорткод). Ваша карта готова.

Способ 2

Создаем маркер в самом плагине. После чего копируем код и вставляем его в запись.

Для создания маркера переходим Админ панель ->  Google Map Professional -> Create New Map:

plug1googlemapcliks1341

Создание маркера для Google Map

  •  Select Language  — выбираем язык. Русский присутствует 🙂
  • Map View — выбираем вид карты.
  •  и 
  • Custom Icon — вид иконки маркера на карте.
  • Add Multiple Markers — местонахождение объекта на карте. Координаты ищем через Geo-locations.

После заполнения Add Multiple Markers жмем Add marker.
[dropshadowbox align=»none» effect=»lifted-both» width=»autopx» height=»» background_color=»#ed9228″ border_width=»1″ border_color=»#dddddd» ]Хочу заметить что добавить маркер(add marker) вы можете несколько раз, тем самым указав на карте не один, а несколько объектов, с их описанием.[/dropshadowbox]

Как только все будет готово, нажимаем кнопку Save map.  И все, что нам останется сделать, это вставить шорткод готового маркера в запись.

На этом все. Подписывайтесь на мои обновления, помогите мне достигнуть одной из моих целей «набрать 500 подписчиков»  🙂

Материалы по теме:

Почему отображаются знаки вместо текста
Недавно ко мне обратился за помощью один знакомый. У него есть молодой сайт, на котором вместо текста стали отображаться различные иероглифы. Так как я ...
Как добавить форму комментариев Vkontakte
Всем привет! Недавно, мне поступил заказ от клиента, он хотел, что бы я на его блоге разместил другую форму комментариев. От предложенного мною плагина ...
Видео-хостинг для размещения видео на киносайтах
Всем привет! Заканчивая прошлую статью, про принадлежность Wordpress как CMS для кино сайтов, я упомянул, что в следующий статье напишу про видео хостинг, без которого ...
Подходит ли WordPress для создания киносайта
Всем привет! В интернете по сегодняшний день, довольно много расплодилось киносайтов. Они стали очень популярны среди вебмастеров. А почему? Ответ прост, большая, я бы ...
Бесплатная тема Hueman для WordPress
Всем привет! Наверное очень много молодых блогеров и не только, подыскивают новую тему для своего существующего или планируемого блога. Я сам занимался этим, посетил ...

Нажимая на кнопку, я даю согласие на рассылку, обработку персональных данных и принимаю политику конфиденциальности.

1
Дмитрий http://polza24.ru

А вообще зачем для добавления карты с указанием местонахождения объекта (в Вашем случае офиса) использовать плагин и нагружать блог? Всё решается просто и без плагина. Например, чтобы добавить карту Google на сайт или блог, заходите в Google, авторизуетесь. Затем заходите в Google карты и в поисковой строке вбиваете нужный адрес. После этого появляется карта с Вашим адресом и HTML-код для добавления на веб-сайт. Копируете код и вставляете себе на сайт и всё! Вся процедура занимает считанные минуты. Аналогично и с Яндекс картами. Удачи!

Автор2
Александр Рус (участник БКС) http://myworkpro.ru/

А вот про это я не знал, хотя догадывался)

3
Антон http://financial-independence.ru/

Я такое же делал когда сайт на 1с битрикс делал, там это решается за 2 минуты! 🙂

Не знал что такое можно на вордпрессе провернуть, если понадобится делать теперь я знаю как 😉

4
here you will http://crork.com

Круто. Добавлю блог в избранное и друзьям посоветую. Ждите новых читателей

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.