Установить плагин от гугл для спутниковой карты. Яндекс карты для WordPress. Яндекс Карта — плагин Yandex Maps for WordPress

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

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

Для того, чтобы помочь вам, в этой статье приводится описание пяти самых лучших плагинов для отображения карт Google на вашем сайте.

Будет ли это бесплатный плагин, который устанавливается за пару минут, или премиум плагин с полномасштабной системой, вы сможете настроить его так, чтобы получить кое-что из того, что вы хотели бы иметь на своём сайте.

1. WP Google Maps

WP Google Maps является замечательным плагином, достойным того, чтобы открыть данный список. Это один из самых мощных, если не самый мощный бесплатный плагин для отображения карт Google.

Для создания карты выберите “Карты”, а затем “Моя первая карта”. К сожалению, в бесплатной версии вам доступна будет только одна карта, поэтому добавлять новые страницы не имеет смысла.

Пользовательский интерфейс очень удобен для пользователя. Каждая отдельная часть карты располагается на отдельном сжатом экране.

В общих настройках вы сможете задавать высоту, ширину, отзывчивость, масштаб карты, её тип (обычная, спутниковая, физическая или смешанная), а также задать выравнивание. Вы сможете создавать неограниченное количество многоугольников и полилиний. Недостатком является то, что единственной иконкой, которую вы сможете использовать, является стандартный значок Google.

Также вы сможете добавить магазины и три различных типа для маршрутов передвижения (велосипед, автомобиль, и/или общественный транспорт).

Когда вы закончите настройку карты, вставьте прилагаемый шорткод в запись или на страницу – вот и всё, что вам нужно.

Используя настройки плагина, вы сможете управлять как из админки, так и из пользовательской части сайта интерфейсными элементами, такими, как использование API карт Google, использование jQuery для устранения неисправностей, уровнем аккаунта, WordPress. Маркерные данные также могут быть импортированы из вашей базы данных или в файле XML.

Как уже говорилось, самым большим недостатком данного плагина является то, что в бесплатной версии вы сможете создать только одну карту (премиум версия обойдётся вам в $19.99). Помимо этого, премиум версия содержит ещё массу привлекательных возможностей.

Достоинства:

отзывчивость
возможность отображения полилиний
отображение полигонов
удобный интерфейс
настройка элементов управления из пользовательской части
карты четырёх типов: обычная, физическая, смешанная, спутниковая.

Недостатки:

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

2. Google Maps Bank

Google Maps Bank – ещё один очень функциональный плагин для отображения карт. Он имеет множество различных опций и практически неограниченные возможности настройки. Интерфейс у него очень хорошо организован.

После установки и активации плагина для создания своей первой карты выберите в боковой панели Карты Google >> Создать новую карту. Данный процесс состоит из семи несложных шагов.

Шаг 1. Вам необходимо выбрать заголовок, описание и тип карты (доступны те же четыре варианта). Шаг 2. В информации о местоположении вы указываете точные географические координаты. Шаги 3-5 позволяют вставлять маркеры и полигоны/полилинии.

Шаг 6 позволяет создавать слои, но эта функция доступна только в премиум версии. В шаге 7 у вас будет доступ к нескольким расширенным настройкам, в которых вы сможете настроить пользовательские элементы управления.

Для того, чтобы вставить карту в запись или на страницу, перейдите в визуальный редактор WYSIWYG и нажмите на кнопку “Добавить карты банка Google”, расположенную рядом с кнопкой “Добавить медиа”. Во всплывающем окне настройте параметры так, как вам нужно.

Google Maps Bank – очень хороший плагин, но он имеет несколько недостатков. Наиболее значимым является тот, что Lite версия ограничена 2 картами, 5 маркерами, 1 полигоом и 1 полилинией. Так что, если вам нужно что-то более существенное, чем просто добавить пару карт в ваш контакт или на страницу, то вам придётся либо выполнить апгрэйд (цены начинаются от £17), либо поискать в другом месте.

Достоинства:

много пользовательских настроек
очень удобный, хорошо организованный пользовательский интерфейс
маркеры (максимум 5) с настраиваемыми значками
полигоны (максимум 1)
полилинии (максимум 1)
пользовательская настройка интерфейса
карты четырёх типов: обычная, физическая, смешанная, спутниковая
поддержка нескольких языков.

Недостатки:

Lite версия ограничена двумя картами.

3. Simple Google Maps Short Code

Simple Google Maps Short Code – крайне простой плагин, лишённый всяческих наворотов, в котором отсутствует страница настроек. Имеется только шорткод, который можно вставить в пост или на страницу.

Наверняка данный плагин подойдёт не всем. Если вы хотите добавить несколько маркеров/слоев/полигонов или хотите выбрать различные типы карт, выбирайте другой плагин. С другой стороны, если всё, что вам нужно, это за минуту создать карту на вашем сайте, то данный плагин будет для вас идеальным вариантом.

Достоинства:

простота в использовании
возможность создавать неограниченное количество карт.

Недостатки:

отсутствие дополнительных функций или настроек.

4. CP Google Maps

CP Google Maps – мощный плагин, имеющий множество функций, хотя его интерфейс несколько сложноват.

Процесс создания карты здесь требует иного подхода, чем в других плагинах, которые были описаны. Сначала вам необходимо зайти в ваш редактор записи (в тот пост или страницу, куда вы планируете вставить карту).

Внизу в редакторе вы увидите новый виджет, куда надо будет ввести свой электронный адрес. Выполните прокрутку вниз, пока не увидите предварительный просмотр карты с текстовыми полями для введения необходимой информации. После добавления адреса нажмите на кнопку “Проверить”, и географические координаты будут автоматически заполнены.

Когда вы закончите редактирование (не забудьте добавить заголовок и описание), прокрутите страницу вниз до конца виджета и нажмите на кнопку “Вставить тег карты”, чтобы вставить шорткод карты в свой текстовый редактор.

Чтобы настроить опции плагина, перейдите в меню Настройки >> CodePeople карта. Здесь вы сможете настроить масштаб, ширину карты, выравнивание, тип (обычная, спутниковая, физическая и смешанная), язык и несколько других параметров.

Недостатком является то, что вы не сможете настроить параметры индивидуально для каждой карты. Изменения, сделанные здесь, будут применяться для всех карт.

Достоинства:

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

Недостатки:

не очень удобная навигация
настройки не могут быть индивидуальными для каждой карты.

5. Intergeo Maps

Intergeo Maps – отличный бесплатный плагин от компании CodeinWP. Он имеет множество полезных функций и практически полное отсутствие недостатков.

Во-первых, процесс создания карт довольно сильно отличается от подобного процесса в других описанных плагинах. После установки плагина в боковом меню вы увидите новую вкладку “Медиа”. Для создания карты вам сначала нужно будет перейти в Медиа >> Страница Intergeo, а потом кликнуть кнопку “Добавить новую”.

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

Вы можете добавлять на карту маршруты – транспортный, велосипедный, погоду и/или панорамные фотографии.

Когда вы закончите настройку всех этих параметров, кликните на кнопку “Перейти по адресу”.

Снова появится всплывающее окно, в которое вы сможете ввести адресную информацию для карты. После этого кликните кнопку “Создать карту”.

После этого введите шорткод в запись или на страницу для того, чтобы вставить созданную карту.

Вы можете также создавать карту из вашего редактора записей, единственная разница заключается в том, что нужно будет кликнуть на кнопку “Добавить медиа”, расположенную вверху редактора. Наконец, вы всегда сможете неограниченно пополнять ваши библиотеки карт через Медиа >> Страница Intergeo.

Достоинства:

множество настроек
простой пользовательский интерфейс и простой процесс создания карты
неограниченное количество карт
маркеры (пользовательские иконки входит в комплект)
полигоны
полилинии
круги
8 стилей дизайна карты
спутниковая/обычная/физическая карта

Недостатки:

недостатков не обнаружено!

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

Какой из описанных плагинов вы считаете лучшим? Напишите об этом в комментариях.

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

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

Итак. Перед Вами 15 лучших Google Map плагинов для Wordpress для указания Вашего местоположения на картах Google.

WP Google MapsНаиболее легкий в использовании плагин. Позволяет быстро и легко добавить карту Google в пост и/или на страницу Вашего блога . Никаких iFrames, или «магических заклинаний»! Идеально подходит для странички Контакты, отображения маршрутов движения , области обслуживания и т.п. Даже бесплатная версия позволяет добавлять произвольное количество маркеров, а уж возможности Pro-версии просто безграничны!

Google Maps BankWP Google Maps Bank самый простой и в то же время самый мощный плагин подобного рода из когда-либо созданных для Wordpress. Его Lite-версия позволяет создавать 2 карты, 5 маркеров, 1 полилинию и 1 полигон. Есть возможность вывести панораму Google Street View . Для добавления на страницу используется простой код.

Advanced Google Maps PluginЭто, пожалуй, самый «навороченный» плагин. Он позволяет создавать неограниченное количество отдельных зон на локациях и назначать каждой зоне дополнительную информацию (номера телефонов, факсов, email и т.п.). Возможен импорт данных из csv, exel, json и xml.
Стоимость плагина: 28$

Google Maps Travel RouteGoogle Maps Travel Route идеально подходит для отображения карт с маршрутами движения или путешествий. Добавление, удаление и редактирование локаций производится в панели управления. Позволяет добавить карту как на страницу, так и в пост, а также в боковую панель.

Responsive Google MapsA responsive Google map позволяет не только добавлять множество маркеров на одной карте, но и создавать несколько карт на одной странице. Имеет полноэкранный режим и возможность объединять маркеры в кластеры. Легок в установке. Генерирует простой и понятный код для вставки. Создали карту, добавили локацию, скопировали сгенерированный код на страницу и - вуа-ля!
Стоимость: 17$

Basic Google Maps PlacemarksBGMP создает отдельные посты для маркеров. Вставка на страницу также осуществляется при помощи шорткода. Имеются дополнительные опции, отвечающие за отображение карты на странице. Маркерам можно назначать различные , при клике на которых во всплывающем окне отображается заголовок маркера и его описание.

WiLD Google MapsWiLD Googlemap - плагин, который позволяет задавать различные типы карт и их размер. Позволяет создавать несколько карт на странице и неограниченное количество маркеров на каждой из них. Просто посмотрите пример и вы оцените его широкие возможности.
Стоимость: 17$

Ultimate Google MapsПлагин Ultimate Google Maps от Inceptive Design Labs позволяет легко управлять созданием и размещением карт Google на Вашей странице. Поддерживает различные типы карт, задание траекторий и маркеров.
Стоимость: 19$

Leaflet Maps MarkerВ дополнение к стандартным для подобных плагинов функциям плагин Leaflet Maps Marker поддерживает группировку маркеров на различных слоях и различные типы карт. Leaflet Maps Marker-это Ваша персональная Geo-CMS с высоким уровнем защиты.

Google Maps GeneratorИзюминка этого плагина-визуальное создание карт без единой строчки кода. Включает семь различных скинов, придающих Вашей карте уникальный внешний вид и позволяет настраивать цветовую гамму (стилизировать) Вашей карты.
Стоимость: 19$

Google Maps EasyДевиз данного плагина-«Создай карту в блоге за одну минуту». Маркеры с ассоциированным текстовым или медиа-материалом, открытие карт во всплывающем окне или специальном виджете. Прекрасно подходит для страниц с контактными данными, маршрутами, зон обслуживания компаний по доставке пиццы и многое другое.

Сегодняшняя статья о Яндекс картах для вашего сайта на WordPRess. О взаимодействии карт от Гугла с WP написано уже довольно много. Существуют десятки разной степени полезности, бесплатных и премиум плагинов. Есть даже специализированные темы, главной фишкой которых является именно показ гуглокарт в разных видах и для разных назначений.

У Яндекса в этом плане дела выглядят поскромнее. Плагинов существует совсем мало. Впрочем, это не столько проблема Яндекса, сколько разработчиков плагинов. Отечественных, понятное дело.

Как бы там не было, любой желающий может без особого труда добавить Яндекс карту к себе на WordPress сайт. И сегодня мы подробно рассмотрим ручной способ добавления такой карты и попутно пару полезных плагинов для тех, кто в принципе, терпеть не может никакого кода 🙂

Добавление Яндекс карты для WordPress

Для чего может понадобится интерактивная карта на вашем сайте, я думаю и так всем понятно. Конечно, в первую очередь это различные схемы проезда и прохода. И Гугл и Яндекс уже давно позволяют своим пользователям использовать специальные конструкторы создания карт. Найти такой конструктор для Яндекс карты можно вот . Создавать карту следует под своим аккаунтом для того, что иметь потом возможность её отредактировать.

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

После того как вы справились с рисованием, не забудьте ввести название своей карты. Потом жмакаем на большую желтую кнопку — «Сохранить и получить код». Внизу, в строке появится код который вам нужно скопировать в буфер обмена (CTRL+C) и потом вставить(CTRL+V) на нужную страницу или пост вашего сайта. Только учтите, что перед тем как вставить код, следует переключить визуальный редактор сайта в текстовый режим. Тут же, после вставки, в тексте кода можете подправить размер окна с картами если требуется.

Вот и все хитрости. Как видите, все просто и без плагинов. Дополнительно еще можно получить API-ключ . Но нужно это скорее разработчикам, которые много и часто работают с Яндекс картами. Кроме того, с API можно добавлять специальные модули для создания сложных карт.

Плагины добавления Яндекс карт

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

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

В целом, вполне приятный и рабочий плагин для всех кому лень ковыряться с кодом самостоятельно. Дополнительно, в настройках плагина можете вписать нужные к отображению метки. Кстати говоря, полный список меток можно найти .

Единственный премиум плагин который мне удалось сыскать на тему карт от Яндекса. Плагин будут полезен всем кому надо создавать карты с многочисленными метками и описаниями к ним. Умеет делать:

Выбор элементов управления
Задавать размеры карты
Задавать тип карты
Добавлять любое число меток
Показывать текст на иконке и в подсказке
Выводить ссылки

Что именно использовать на своем сайте — Яндекс или Гугл карты пусть каждый решает сам. На мой субъективный взгляд, Гугл карты хороши для сложной работы ввиду того, что к ним есть масса специализированных программ и плагинов для WordPress. Ну а для быстрого вывода например, схемы проезда в отечественных городах отлично сгодится и Яндекс.

С помощью Google Maps можно предоставить вашим посетителям информацию о точном местонахождении вашего предприятия. Чтобы знать наверняка, что люди смогут вас найти, вам следует добавить соответствующую информацию в карты Google. Предоставив в Google Maps информацию о расположении вашего бизнеса, вы распространяете информацию о себе, получаете бесплатный трафик и повышаете количество переходов на вашу страничку из обычного поиска в Google.

Вы знали, что Google Maps также можно интегрировать в сайты?

Перечисленные ниже плагины станут полезным инструментом, который поможет опубликовать карту на сайте для самых различных целей: магазинов, ресторанов, справочных сайтов, местностей, адресов предприятий и многого другого. Есть несколько бесплатных плагинов со множеством функций.

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

Карты Google легко интегрируются с сайтами. На сайтах на платформе WordPress их можно легко вставлять, настраивать и использовать в постах, на страницах или в качестве простого виджета. Чтобы посетители моментально понимали, как до вас добраться, нужно просто предоставить координаты. Сегодня мы подготовили для вас список из нескольких классных бесплатных плагинов Google Maps, которые можно использовать для сайтов на WordPress.

При помощи Maps Marker можно легко закреплять, назначать и делиться любимыми местами и маршрутами через сайт на WordPress. Можно использовать карты из OpenStreetMap, Google Maps, Google Earth, Bing Maps или прочих карт. Дополнительно можно отображать места и маршруты оригинальными способами (например, для гаджетов в стиле дополненной реальности).

SimpleMap – это эффективный и удобный международный плагин для поиска магазинов. У него интуитивный интерфейс, и он легко поддается настройке. Функции поиска позволят пользователям с легкостью установить ваше местонахождение.

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

Усовершенствованный Store Locator позволяет добавлять и управлять всеми локациями и связанной с ними информацией. Также с ним легче найти и отметить магазины и предприятия на карте Google. Плагин имеет 2 режима отображения: либо страница с магазинами на карте Google, либо список.

Easy2Map – это простой и действенный инструмент для быстрого создания индивидуальных карт Google для постов и страниц. Интерфейс по принципу drag"n"drop позволяет создать карты с одним и более маркерами, выставить размер карты, степень приближения и местность. Затем карту можно бросить на любую страничку или в пост, используя короткий код . Любая страничка или пост, которые содержат короткий код, будут отображать карту и ее маркеры.

NextGEN Gallery Geo – это легко поддающийся настройке плагин, отображающий красивые карты с вашими фотографиями при помощи EXIF-данных или геокодирования. Чтобы им пользоваться, потребуется плагин NextGEN Gallery.

С этим плагином пользователи могут с легкостью добавлять метаданные локации (широта, долгота) на страничку, в пост или в custom post type. Этот плагин добавляет блок для ввода мета-данных Google Maps в редактор поста. Чтобы сохранить метаданные локации для поста, нужно просто перетащить и установить маркер на карту.

CP Google Maps позволяет вставлять карты Google в пост или любой другой шаблон в WordPress, содержащий более одного поста.

На картах Google, публикуемых отдельным постом, маркер отображается в той позиции, которая указана в связанных с постом данных о геопозициях. Маркеры последних постов, опубликованных в подобных категориях, также будут отображаться. Количество маркеров на картах Google Maps может быть установлено в настройках плагина.

WP Geo – это плагин для использования Google Maps на платформе WordPress, который позволяет с легкостью соотносить локацию с картой или страницей. Редактируя пост или страницу, можно устанавливать физическую локацию для поста и с легкостью вставлять код карты Google.

Для ввода этот плагин использует GPX-файл для отслеживания проделанного маршрута, а при выводе он показывает карту с маршрутом и интерактивную диаграмму изменения высоты (при наличии изменений).

Этот плагин позволяет с легкостью вставлять Google Map или Google Earth Plugin Maps в блог. Поддерживает filelink KML, KMZ, GPX и geoRSS.

Feedgeorge – это платформа, с помощью которой можно разыскивать, создавать и публиковать новости, информацию и данные о разных местах. Он собирает данные о локациях на одну платформу. В помощь опытным юзерам-геотеггерам на WordPress мы представляем Feedgeorge WordPress Plugin (FGWPP).

Анализируйте поведение посетителей, оптимизируйте сайт и повышайте уровень конверсии и продаж. Однажды этот плагин назвали «швейцарским армейским ножом для сайтов WordPress». Смотрите статистику кликов на Heatmap, Facebook, Twitter и других ресурсах.

BGMP создает custom post type для меток (маркеров) на карте Google. Карта вставляется на странички и в посты посредством короткого кода, а также здесь есть настройки, влияющие на то, как она будет выглядеть. Вы можете создавать маркеры, которые отобразятся на карте, а также назначать им иконки через метабокс Featured Image.

Этот плагин позволяет добавлять один или более планировщиков маршрутов на основе карт Google, чтобы помочь вашим пользователям найти определенное место (например, сайт вашей компании). Плагин интегрируется с Route Planner (планировщиком маршрутов) на основе карт Google для WordPress. Обзор плана может быстро и просто адаптировать под ваши требования и нужды. И конечно же, есть возможность создать более одного планировщика маршрута (например, для поиска заведений).

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

Услуга: Установим Яндекс.Карту на Ваш сайт

Установим и настроим Яндекс.Карту, которая будет решать Ваши задачи. Это может быть одна отметка на карте или динамическая карта в зависимости от выбранных условий. Просто поставьте нам задачу.

Создание Яндекс.Карты для сайта

Чтобы разместить карту проезда на WordPress сайта, для начала ее нужно создать в конструкторе карт . Создать карту очень просто, поэтому нет смысла описывать этот процесс.

После того, как вы создадите карту, нажмите кнопку "Сохранить и получить код". Далее следует выбрать, какая карта вам нужна: статическая или интерактивная.

Вставляем Яндекс.Карту на WordPress сайт

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

Вставляем статическую карту на страницу WordPress

Чтобы вставить статическую Яндекс.Карту на страницу сайта, выберите этот пункт из предложенных вариантов и скопируйте сгенерированный код.

Затем, в Админке WordPress, и в режиме редактора "Текст", вставьте полученный ранее код в текстовое поле страницы.

Выглядеть это должно примерно как на рисунке ниже.

Вставляем интерактивную Яндекс.Карту

Для вставки интерактивной Яндекс.Карты на WordPress сайт потребуется создать новый шаблон страницы и внедрить JavaScript код прямо в этот шаблон в нужное вам место. Предположим, нужно разместить интерактивную карту на странице контактов сразу после основного контента. В таком случае, нужно создать файл page-contact.php и наполнить его примерно таким кодом: