На сайт без использования плагинов. Так же, я расписал на каких сайтах могут применяться те или иные виды карт и привел примеры Яндекс карт для разработчиков с расширенным функционалом. Поэтому, в этой статье я лишь сделаю обзор 2 популярных WordPress плагинов карт для Яндекса и для Гугла .
Yandex Maps for WordPress – встроить карту на сайт легко!
Yandex Maps for WordPress – плагин Яндекс карт, который с легкостью позволяет встроить в запись или на страницу сайта интерактивную карту.
Скачать Вордпресс плагин Яндекс карт можно тут: http://wordpress.org/plugins/yandex-maps-for-wordpress/ , либо установить сразу из консоли WP , воспользовавшись встроенным поиском плагинов.
Для того, чтобы карта работала на сайте, необходимо получить API-ключ. Сделать это можно тут:
Все что нужно – это ввести адрес сайта, на котором будет использоваться ключ. Если используете локальный сервер (Денвер), то вводите соответствующий локальный адрес. Однако, не забудьте после установки на хостинг, получить новый ключ.
Подтвердите, что ознакомились с пользовательским соглашением и нажмите «Получить API-ключ».
Этот ключ необходимо скопировать и вставить в подтверждающее окно и нажать «Применить»:
Вот собственно и все, WordPress плагин Яндекс карт полностью готов к работе.
Теперь можно зайти на страницу или в запись и вы увидите поле вставки Яндекс карты.
Location Name – заголовок точки (маркера).
Address – указание адреса маркера.
Location Description – описание.
Map Width – ширина карты в пикселях.
Map Height – высота карты.
Enable Zoom/Pan Controls – опции приближения, панели управления.
Enable Map Type Controls (Map, Satellite, or Hybrid) – включить возможность переключить на карту гибрид или сателлит.
Вот такая карта получится на выходе:
Как по мне, я бы отказался от плагина и просто вставил код карты на сайт. Это позволяет сделать более гибкие и широкие настройки.
Вставляем карту Google в WordPress с помощью плагина
MapPress Easy Google Maps – WordPress плагин Гугл карт.
Установив данный плагин можно без труда добавить на сайт Google карту .
В отличие от Плагина Яндекс карт, описанного выше, в MapPress Easy Google Maps никаких API-ключей не нужно. После установки, можно перейти в раздел добавления записей или страниц и начать создавать карту.
Жмем «New map» :
В поле Map Title задаем заголовок карты.
Size – размер в пикселях. При редактировании размера, можно визуально посмотреть как все будет выглядеть.
Add POI – задаем местонахождение, точку, где будет расположен маркер. Достаточно просто ввести в это поле нужный адрес. Например: Славутич, Белый ангел .
Точек можно задать сколько угодно.
При нажатии на маркер, откроется окно редактирования:
Можно красиво оформить текст, который будет отображаться с помощью встроенной панели форматирования.
Есть функция вставки картинок, которые будут отображаться при клике по маркеру.
И что очень приятно - есть режим редактирования HTML.
В общем, WordPress плагин Google карт определенно предоставляет больше возможностей, нежели плагин Яндекс карт.
После того, как закончили делать основные настройки, нужно сохранить карту (save) и вставить в запись (insert into post).
Вот такая симпатичная карта получилась:
Доброго времени суток, уважаемые читатели моего блога. Сегодня я расскажу вам как простым способом увеличить пользу сайта. Всего несколько простых действий помогут вам улучшить отдачу любого коммерческого проекта.
Если вы создаете портал для какой-то компании, то не лишним будет показать людям где находится заведение, о котором вы рассказываете. Вы поговорим про плагин Яндекс карты для WordPress и вы поймете стоит ли им пользоваться или есть вариант лучше и проще.
С недавних пор я начал более лояльно относиться ко всем сервисам от Яндекса. Они действительно становится более удобными. Сперва мое сердце завоевал браузер, к которому я долгое время относился с неким скептицизмом, а сегодня обратил внимание и на карты.
В процессе написания этой статьи, я выяснил, что даже геолокация у Яндекса значительно проще, чем у его зарубежного конкурента. Не говоря уже о Метрике и инструментах для Вебмастеров.
Однако, если говорить непосредственно о плагинах, то их у Яндекса в разы меньше, но так ли они нужны? Может все-таки дело в том, что ресурс настолько удобен, что в отличие от Гугловских продуктов они просто не нуждаются в дополнительном упрощении?
Давайте это выясним.
Нужны ли вам карты
Можно через каждый несколько строчек на своем сайте писать точный адрес заведения и это не даст ровным счетом ничего. Все меньше людей ориентируются по названиям улиц. Основными координатами становятся магазины, парки и т.п.
Что вы представляете, услышав о улице Ленина, которая есть практически в каждом городе? Памятник, близлежащую школу или очередной «Перекресток»? Люди нуждаются в подобных уточнениях, они хотят быть уверены, что точно понимают куда их зовут. Никто не хочет терять время.
Поставив на сайте карту города и отметив там точку, вы получите значительно больше клиентов, нежели сто раз упомянете точный адрес. Те, кто действительно заинтересуется вашим предложением будут уверены, что верно поняли где находится компания и как туда пройти. Это дает +100 к вероятности, что читатель действительно посетит вашу фирму.
Добавление вручную: простота или лишние проблемы
Если говорить о самом конструкторе, то он невероятно прост. Найти его можно, пройдя по ссылке в сервис Яндекс Карты . Чтобы добавить свою метку, вам необходимо зайти на этот сайт под своим аккаунтом. Речь идет всего лишь на почте Яндекса.
Вводите в поисковую строку адрес, на который будет указывать метка, нажимаете «Найти» и она сразу появляется на карте.
Можно выбрать свой цвет и тип метки.
В центр без труда устанавливается иконка. Осталось только добавить свое описание, если это необходимо и нажать «Готово».
После этого вы можете вводить и другие адреса. Снова нажимать «найти» и метки будут добавляться на эту карту. Нажав на них вы можете перемещаться между метками и удалять их.
Описание можно ввести и в названии самой карты. Осталось только «Сохранить и продолжить».
Выбираете как будет выглядеть ваша карта: сможет ли читатель увеличивать или уменьшать масштаб (интерактивная карта), просто посмотрит где расположены заведения, без дополнительных возможностей (статическая) или вы просто хотите сохранить фотографию вашей карты, чтобы добавить ее , вставить в запись без использования кода (печатная).
Теперь выберите размер, который идеально подойдет, чтобы вставить карту в ваш блог.
Если вы создаете сайт для бизнеса, то помимо карты, не лишним будет установить возможность обратного звонка на портал. Эта функция намного проще, чем вам может показаться. Вы просто устанавливаете плагин и на почтовый ящик начинают приходить уведомления с просьбой перезвонить, которые оставили посетители сайта, либо сервис в реальном времени соединит клиента с вашим колл-центром.
Ничто лучше не покажет вашу работу заказчику, чем реальные обращения от клиентов. Как и Яндекс.Карты установить эту опцию можно проще простого. Для этого есть сервис Callbackkiller (https://callbackkiller.com ). Через него можно говорить и тогда вам придется оплачивать минуты разговора, а можно просто получать письма на почту. И это совершенно бесплатно.
Я желаю удачи в ваших начинаниях. До новых встреч.
Google Maps - великолепный инструмент, позволяющий рассказать всему миру где находится Ваша фирма, предприятие или магазин. И существует огромное количество плагинов и инструментов для различных систем, позволяющих без особых усилий использовать его функционал. Plugins , например, позволяют легко встроить карту Google в Ваш личный блог .
Далее мы рассмотрим несколько как платных так и бесплатных плагинов для Wordpress - первые обладают широкими возможностями настройки, но и вторые зачастую не уступают им в привлекательности и функциональности.
Итак. Перед Вами 15 лучших Google Map плагинов для Wordpress для указания Вашего местоположения на картах Google.
WP Google Maps
Наиболее легкий в использовании плагин. Позволяет быстро и легко добавить карту Google в пост и/или на страницу Вашего блога . Никаких iFrames, или «магических заклинаний»! Идеально подходит для странички Контакты, отображения маршрутов движения , области обслуживания и т.п. Даже бесплатная версия позволяет добавлять произвольное количество маркеров, а уж возможности Pro-версии просто безграничны!
Google Maps Bank
WP 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 Route
Google Maps Travel Route идеально подходит для отображения карт с маршрутами движения или путешествий. Добавление, удаление и редактирование локаций производится в панели управления. Позволяет добавить карту как на страницу, так и в пост, а также в боковую панель.
Responsive Google Maps
A responsive Google map позволяет не только добавлять множество маркеров на одной карте, но и создавать несколько карт на одной странице. Имеет полноэкранный режим и возможность объединять маркеры в кластеры. Легок в установке. Генерирует простой и понятный код для вставки. Создали карту, добавили локацию, скопировали сгенерированный код на страницу и - вуа-ля!Стоимость: 17$
Basic Google Maps Placemarks
BGMP создает отдельные посты для маркеров. Вставка на страницу также осуществляется при помощи шорткода. Имеются дополнительные опции, отвечающие за отображение карты на странице. Маркерам можно назначать различные , при клике на которых во всплывающем окне отображается заголовок маркера и его описание.
WiLD Google Maps
WiLD 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 - легкий ветерок. С помощью Карт Google вы можете скопировать и вставить предоставленный код для вставки на свою страницу или опубликовать с помощью HTML-редактора WordPress. Но если вы хотите добавить некоторые дополнительные функции, вы можете обратиться за помощью к некоторым выдающимся плагинам.
Добавить карту на ваш веб-сайт WordPress - очень легко. С помощью Карт Google вы можете скопировать и вставить предоставленный код для вставки на свою страницу или опубликовать с помощью HTML-редактора WordPress. Но если вы хотите добавить некоторые дополнительные функции, вы можете обратиться за помощью к некоторым классным плагинам.
Вот 10 бесплатных плагинов WordPress, которые позволят вам как добавлять, так и расширять функциональность карты на вашем сайте:
Maps Builder предоставляет вам более интерактивный подход к созданию карты. Вы сможете построить несколько местоположений, настроить маркеры карты и даже использовать разные темы с помощью Snazzy Maps. Все это интегрировано в привлекательный и простой в использовании пользовательский интерфейс.
Если ваша компания имеет несколько местоположений, используйте локатор WP Store, чтобы добавить удобные интерактивные карты на ваш веб-сайт. Пользователи смогут фильтровать местоположения по их радиусу и получать маршруты проезда к каждому местоположению. Вы сможете добавлять важную информацию, такую как номера телефонов, часы работы и другую пользовательскую метаинформацию в каждом местоположении. Внешний вид вашей карты также настраивается.
Google Maps CP предлагает способ добавить данные о местоположении на страницу или пост WordPress. Это интересная концепция для новостных сайтов, где есть репортеры в разных местах или даже блог о путешествиях. Пользователи могут использовать эти данные, чтобы найти связанные записи из той же области. Местоположения могут быть определены либо по физическому адресу, либо по координатам точки.
Используя GPX-файл в качестве источника, карты WP GPX будут отображать интерактивные карты с такими характеристиками, как высота, скорость, пульс и температура. Эта функциональность может быть полезна для построения гоночных трасс или отслеживания фитнес данных.
SO Mobile Widget Map оптимизирован для использования с мобильными устройствами. Он отобразит статичную карту Google с выровненным центром в нужном месте. Когда вы нажимаете (или постукиваете), Google Maps открывается. Затем пользователи могут заполнить свое текущее местоположение, чтобы получить указания.
Сделайте ценный вклад в карты от вашего онлайн-сообщества с помощью: CM Maps Routes Manager. Пользователи могут рисовать свои собственные маршруты на карте, а также добавлять интересные объекты и фотографии. Включите пешеходные, велосипедные, маршруты вождения и многое другое. Карты можно искать по местоположению или категориям.
Visitor Map отобразит виджет карты мира, в котором будут указаны точки местоположения, которые в настоящее время находятся в сети. Плагин также покажет количество одновременно зарегистрированных пользователей и гостей. Карты адаптированы к мобильным устройствам.
WP Design Maps & Places не является стандартным плагином для отображения, поскольку он нацелен на обеспечение гораздо более высокого уровня настройки. Вы сможете самостоятельно разработать карту, которая будет соответствовать установленному внешнему виду вашего веб-сайта. Вы также можете выбрать, использовать или нет данные геолокации, предоставляя дополнительные возможности.
Вместо отображения Карт Google в вашем контенте Google Map с FancyBox Popup позволяет отображать его во всплывающем окне. Это может быть отличном решением для сайтов, которым нужно показывать несколько карт, не влияя на производительность, или если вы не хотите, чтобы они отвлекали внимание от другого контента.
Используйте GeoDirectory - Directory Plugin, чтобы создать глобальный (или региональный) бизнес-каталог или каталог для вашего веб-сайта. Плагин поддерживает импорт и экспорт CSV-файлов, что позволяет быстро создавать каталоги.
Помимо указания адреса вашей компании и времени работы, создайте карту на сайте и укажите клиентам, как лучше к вам проехать. Это поможет сэкономить время и быстрее отыскать вашу фирму. Для сайтов, созданных на WordPress карту можно вставить двумя способами: с помощью конструктора Яндекса или с использованием специального плагина.
Зачем на WordPress сайте нужна карта?
Укажите схематическое расположение вашей компании на местности и добавьте эту информацию на корпоративный сайт. Карта позволит потенциальным клиентам сориентироваться среди известных городских объектов и быстрее найти вас . Дополнительные доводы в пользу того, зачем на сайте нужна карта:
- Графическая информация легче воспринимается в отличие от текстового написания адреса, которое сложно запомнить.
- Будущие клиенты будут благодарны вам за схему въезда, которая позволит сориентироваться с парковкой.
- Клиенты, которые добираются общественным транспортом, смогут проследить путь от ближайшей остановки.
Виртуальный хостинг сайтов для популярных CMS:
Как создать и добавить на сайт Яндекс карту без плагина
Чтобы создать карту без плагина для сайта WordPress, зайдите в конструктор Яндекса по адресу: https://yandex.ru/map-constructor/ .
Для использования сервиса у вас должен быть адрес электронной почты в Яндексе.
- В конструкторе задайте адрес организации в специальной строке и нажмите кнопку «Найти».
- Маркер укажет здание на карте по заданному адресу. Щелкните на маркере, чтобы появилась форма для его настройки. Разместите описание объекта в отведенном поле, укажите тип и цвет маркера. При необходимости выберите для него иконку из списка и нажмите кнопку «Готово».
- Подтвердите создание карты нажатием на кнопку «Сохранить и продолжить».
На следующем шаге создания карты выберите, в каком виде вы будете ее размещать на сайте. Предлагается 3 варианта: интерактивная с возможностью изменения масштаба, статическая в виде картинки или печатная в виде скачиваемого файла. Задайте размер видимой области в пикселях или перетаскивая маркеры на рамке выделенного участка. При выборе интерактивной или статической версии карты используйте кнопку «Получить код карты» и скопируйте показанный текст для последующей вставки в код страницы. Если выбрана печатная версия, будет предложено сохранить ее на Яндекс.Диск.
Чтобы добавить карту на сайт, перейдите в админку WordPress, выберите нужную страницу или создайте специальную страницу для схемы проезда. В редакторе WordPress переключитесь в текстовый режим (1) правки кода. Вставьте скопированный код в требуемое место на странице (2) и опубликуйте ее.
Вот так выглядит созданная нами в сервисе Яндекс интерактивная карта после встраивания ее кода на страницу сайта.
Плагин OI Yandex Maps - как пользоваться, настройка, метки
Для создания и добавления карты на сайт можно воспользоваться специальным плагином Oi Yandex.Maps for WordPress. В чем преимущество использования плагина в этом случае:
- Для определения местоположения можно указать географическую широту и долготу вместо адреса.
- Предусмотрена возможность более гибкой настройки информации, которая отображается при наведении на маркер.
- В редакторе WordPress можно использовать визуальный режим для вставки карты.
- API загружается не вместе со всем сайтом, а только если открыта страница с картой.
В админке WordPress зайдите в меню «Плагины» и выберите пункт «Добавить новый». В строке поиска введите название плагина Oi Yandex.Maps, установите и активируйте его.
После активации плагина в меню «Настройки» появится пункт «Яндекс.Карты». Перейдите в него, чтобы настроить параметры отображения области и метки на ней. Задайте размеры отображаемого на странице участка и выберите его масштаб. Сохраните изменения в настройках, чтобы применить их к создаваемой карте.
В админ-панели WordPress перейдите на страницу сайта, где будет располагаться карта. Выберите в редакторе визуальное оформление текста (1). Обратите внимание, что над панелями инструментов появилась кнопка «Яндекс карта» (2). После вставки карты плагин добавит в код страницы соответствующую информацию (3).
При нажатии на кнопку «Яндекс карта» всплывает окно для настройки параметров. Наберите адрес организации в подходящем поле, плагин автоматически выставит геопозиционные координаты этого объекта. При необходимости можно задать широту и долготу местности, если неизвестен точный адрес.
По наведению на метку будет высвечиваться подсказка, текст которой вы можете указать в соответствующем поле. При нажатии на маркер показывается балон, в котором разрешается задать заголовок, подвал и описание объекта, расположенного по указанному адресу. Размер и масштаб карты можно оставить заданным по умолчанию или переопределить в этом окне.
Для вставки карты в код страницы нажмите кнопку «Insert map». Плагин позволяет расположить на одном участке сколько угодно меток, используйте для этого кнопку «Insert placemark». Вот так выглядит на странице сайта карта, созданная плагином Oi Yandex.Maps for WordPress.
