ПрочиеСервисы

Как вставить Google Maps?

Доброго дня всем читателям. Google maps или говоря по русски — гугл карты, давно стали популярнейшим инструментом для миллионов пользователей. Не буду сейчас перечислять все достоинства этого замечательного проекта. Вы и сами знаете. Интерактивные гугл карты на страницах типа «О нас» или «Как добраться?» уже давно стали необходимыми атрибутом на любом корпоративном сайте или тем более, сайте с магазином. Давайте поговорим о том, как эти карты удобнее вставить на WordPress сайт.

Любую гугл карту можно заполучить у себя на сайте путем ручной вставки кода или с помощью соответствующих плагинов. Рассмотрим подробнее первый вариант.

Как вставить Google Maps с помощью ручной вставки кода

Топаем на сами карты от Гугла и находим нужное вам географическое место. С некоторых пор карты стали иметь совсем минималистичный интерфейс для удобства просмотра. Нам же нужен классический вариант. Жмем кнопку справа вверху браузера — «Справка и отзывы» и затем — «Классический интерфейс».

Google Maps

Слева появится своеобразный сайдбар, где нам нужна кнопка «Сссылка». Нажимаем её и появляется окошко с двумя полями:

  1. Короткий код (для быстрой отправки ссылки на вашу карту).
  2. HTML-код для добавления на веб-сайт

Внизу есть еще ссылка — «Настройка и предварительный просмотр встроенной карты». Кликаем на неё и попадаем в всплывающее окно тонкой настройки представления нашей карты. Тут можно отрегулировать масштаб отображения карты, размер окна для показа карты и скопировать нужный код из нижнего поля на свой сайт. При этом, если вы внимательно присмотритесь, то увидите как в этом поле будут меняться цифры во время изменения настроек отображения карты.

Перейдите в ваш WordPress сайт и вставьте код в публикации, страницы или шаблон. Вот и все. Осталось только сохранить свой пост или страницу и увидеть как карты Google «поселятся» на вашем сайте.

Как вставить Google Maps с помощью плагина

Первый способ хорош, если вы только хотите встроить карту гугл в одном месте WordPress сайта. Но если карты играют важную роль на вашем сайте и в основном содержании вам требуется часто добавлять карты в ваших постах, то я рекомендую использовать специальный WordPress плагин — MapPress Easy Google Maps. После установки и активации идем в любую вашу запись и прокручиваем вниз до метабокса MapPress. Тут нужно создать новую карту — New Map.

Вводим название нашей карты, выбираем размер. В поле Add POI: вводим названия или координаты для поиска нужного места. Кстати, можно таким образом добавить несколько мест на одну карту. В отдельном окне задайте свои описания. Сохраняем и для вставки на страницу жмем Insett Into Post.

Google Maps - как вставить на сайт гугл карту? Google Maps - как вставить на сайт гугл карту?

Для более детальной настройки этого в общем то, довольно мощного плагина переходим в меню MapPress в админке вашего сайта. Тут вы вольны изменить разные аспекты работы плагина по умолчанию, под свои нужды. Например, определить место для автоматического вывода карт в постах и страницах, изменить интерфейс управления картами и их внешний вид, и прочее. При желании, так же, можно изучить по ссылке подробнейшую инструкцию от автора плагина.

Google Maps в ваших виджетах с эффектом Lightbox

Еще один очень простой и эффектный способ добавить гугл карту на ваш сайт это использование плагина Google Maps Widget. После установки и активации плагин даст возможность использовать новый виджет с одноименным названием.

Google Maps - как вставить на сайт гугл карту? Google Maps - как вставить на сайт гугл карту?

Переходим к своим виджетам. Перетаскиваем новый виджет Google Maps Widget в нужное вам «виджетоместо». Например, в сайдбар. Вводим название требуемого населенного пункта и страну. Указываем уровень зума. Кроме показа карты в сайдбаре, еще есть возможность по клику разворачивать карту с помощью эффекта Lightbox. Соответственно, внутри виджета есть еще две закладки с дополнительными настройками — для сайдбара и для развернутого вида.

Премиум плагин — 5sec Google Maps

Для тех кто предпочитает премиум плагины, хочет «все в одном» и привык всегда иметь великолепную поддержку от автора, могу порекомендовать прикупить популярный плагин — 5sec Google Maps.

Google Maps - как вставить на сайт гугл карту?

За свои 10 баксов плагин умеет следущее:

  • Не требует API, никакой установки, без редактирования кода
  • Работает в сайдбаре, записях, страницах и вообще везде прямо » из коробки»
  • Поддержка полноэкранного режима.
  • Используемый по умолчанию код, [gmap], могжет быть легко изменен.
  • Несколько карт для каждой записи/страницы.
  • 12 предопределенных маркеров/иконок
  • Полностью настраиваемое HTML описание
  • Использует локальный кэш для геокодирования (адрес lat/СПГ mapping) для максимальной скорости
  • Обширная документация с примерами

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

Надеюсь, данная статья поможет вам выбрать нужный именно вам вариант для вставки любых необходимых Google Maps на ваш WordPress сайт.

Похожие

Один коммент

  1. Очень интересная статья, а главное полезная. Спасибо большое за информацию.)

Добавить комментарий для Михаил Отменить ответ

Ваш адрес email не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Back to top button