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

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

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

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

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

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

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

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

Способ 1

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

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

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

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

• 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:

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

•  Select Language  — выбираем язык. Русский присутствует 🙂
• Map View — выбираем вид карты.
• Map Width и Map Height — размер карты, соответственно ширина и высота.
• Custom Icon — вид иконки маркера на карте.

• Add Multiple Markers — местонахождение объекта на карте. Координаты ищем через Geo-locations.

После заполнения Add Multiple Markers жмем Add marker.

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

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

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

Видео-хостинг для размещения видео на киносайтах

Всем привет! Заканчивая прошлую статью, про принадлежность Wordpress как CMS для кино сайтов, я упомянул, что в следующий статье напишу про видео хостинг, без которого ...

Настройка URL-адреса на платформе WordPress

Прогрессивное продвижение сайта невозможно без правильной настройки URL-адреса и работы с файлом .htaccess. Ниже вы найдете базовые рекомендации по этим двум аспектам. Посещаемость интернет-сайтов во ...

Сколько можно заработать на акциях

Всем привет! В сегодняшней статье произведу примерный подсчёт, сколько можно зарабатывать на акциях. Такие подсчёты производил много раз, с акцентами на определённые стороны. Но ...

Торговля на Binance. Дневник трейдера. День 10 — 17.11.2021

Всем привет! Продолжаю своё обучение по скальпингу. По риск менеджменту, торги начинаю с 1 плечом. Если набью профит для стопов, буду повышать его по ...

Как сделать резервную копию и бэкап сайта.

Привет, привет и еще раз всем привет :) На эту тему, помниться я уже писал одну статью, правда там рассказал, как можно сделать бэкап сайта ...