Плагин карты без api wordpress. Лучшие плагины Google Карты для WordPress. Добавление вручную: простота или лишние проблемы

1 голос

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

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

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

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

Однако, если говорить непосредственно о плагинах, то их у Яндекса в разы меньше, но так ли они нужны? Может все-таки дело в том, что ресурс настолько удобен, что в отличие от Гугловских продуктов они просто не нуждаются в дополнительном упрощении?

Давайте это выясним.

Нужны ли вам карты

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

Что вы представляете, услышав о улице Ленина, которая есть практически в каждом городе? Памятник, близлежащую школу или очередной «Перекресток»? Люди нуждаются в подобных уточнениях, они хотят быть уверены, что точно понимают куда их зовут. Никто не хочет терять время.

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

Добавление вручную: простота или лишние проблемы

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

Вводите в поисковую строку адрес, на который будет указывать метка, нажимаете «Найти» и она сразу появляется на карте.

Можно выбрать свой цвет и тип метки.

В центр без труда устанавливается иконка. Осталось только добавить свое описание, если это необходимо и нажать «Готово».

После этого вы можете вводить и другие адреса. Снова нажимать «найти» и метки будут добавляться на эту карту. Нажав на них вы можете перемещаться между метками и удалять их.

Описание можно ввести и в названии самой карты. Осталось только «Сохранить и продолжить».

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

Теперь выберите размер, который идеально подойдет, чтобы вставить карту в ваш блог.

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

Ничто лучше не покажет вашу работу заказчику, чем реальные обращения от клиентов. Как и Яндекс.Карты установить эту опцию можно проще простого. Для этого есть сервис Callbackkiller (https://callbackkiller.com ). Через него можно говорить и тогда вам придется оплачивать минуты разговора, а можно просто получать письма на почту. И это совершенно бесплатно.

Я желаю удачи в ваших начинаниях. До новых встреч.

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

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

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

Получаем Яндекс карту

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

Создание карты

Создание карты ограничивается тем, что вам нужно просто вставить нужный адрес в поле под картой и найти место на карте. Так же вы можете изменить размеры карты, растягивая ее за правый нижний угол. Еще, есть возможность поменять вид отображения карты и масштаб. Я всегда ставлю "Народная", мне она больше нравится. Затем ставим нужную точку на карте и подписываем ее. Все карта создана.

Просмотр Яндекс карты

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


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

Теперь у вас есть код Яндекс карты и вы можете вставить карту на свой WordPress сайт .

Полученный код Яндекс карты у вас должен быть примерно следующим:

Его можно разделить на две части: сам скрипт и блок DIV. Для отображения Яндекс карты на вашем сайте нужно подключить скрипт к сайту. Вы можете сделать это в файле header.php , но я рекомендую подключить скрипты в файл footer.php . Скрипты нужно подключить до закрывающего тега добавив подобный код (у вас он может быть другим, вы его получили ранее):

function fid_13485848986165892726(ymaps) {var map = new ymaps.Map("ymaps-map-id_13485848986165892726", {center: , zoom: 10, type: "yandex#map"});map.controls.add("zoomControl").add("mapTools").add(new ymaps.control.TypeSelector(["yandex#map", "yandex#satellite", "yandex#hybrid", "yandex#publicMap"]));};

Теперь, для того чтобы карта появилась на вашем WordPress сайте, на нужную страницу нужно добавить блок div. В WordPress нужно отредактировать страницу в режиме HTML и разместить на странице подобный код (вы должны были получить его раннее, если вы этого не сделали, читайте пост выше):

В этом коде 450px является шириной Яндекс карты, а 350px является высотой Яндекс карты - эти параметры вы можете отредактировать по желанию.

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

Вы ищете способ добавить Google Maps на свой сайт WordPress? Существует огромное количество бесплатных плагинов для Google Maps, что затрудняет выбор лучшего из них. В сегодняшней статье мы покажем вам 7 лучших бесплатных плагинов Google Maps для WordPress.

Добавляем Google Map в WordPress

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

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

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

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

1. MapPress Easy Google Maps

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

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

2. Google Maps Builder

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

Добавление карты в запись также не составит никакого труда. Все, что вам нужно будет сделать, это нажать на кнопку в редакторе записей и выбрать свою карту. Maps builder также позволяет вам добавлять собственные маркеры, и даже отображать близлежащие места с помощью Google places.

3. WP Google Maps

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

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

4. WP Google Map Plugin

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

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

5. Google Maps Widget

Хотите быстро вывести карту в виджете сайдбара? Google Maps Widget позвоилт вам легко добавить Google Maps в свой садбар или любую другую область виджетов. Клик по карте откроет ее во всплывающем lightbox-окне в увеличенном виде. Также можно указать цвета меток или даже использовать свои изображения.

6. Basic Google Maps Placemarks

Хотите добавить карту Google на свой сайт со своими собственными метками? Basic Google Maps Placemarks позволит вам добавлять метки с адресом, назначать им категории, добавлять произвольные маркеры при необходимости.

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

7. CP Google Maps

Если вы являетесь разработчиком или владельцем какого-то коммерческого проекта на WordPress, например, интернет-магазина, то на определенном этапе вам может понадобиться указать координаты фирмы, или адрес физического магазина. Конечно, можно написать адрес простым текстом и разместить в контактах, но, с точки зрения удобства для пользователей – это не лучший вариант.

Самым лучшим решением будет размещение карты, со схемой проезда или с меткой на месте расположения офиса.

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

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

Размещение через Yandex APIВывод

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

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

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

Пятерку наилучших Google карт-плагинов открывает хорошо всем известный плагин от компании Huge-IT, Google Maps . Эта карта сразу привлекает к себе внимание большим количеством позитивных , которые на самом деле доказывают, что модуль один из наилучших. Естественно, не только опираясь на эти отзывы, можно так сказать.

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

  • Собственная иконка на маркере.
  • Дополнительная ссылка на полигоны.
  • Окружные выделения на карте.
  • Легкость управления и пользования.
  • Поддержка просмотра улиц.
  • Коррекция карты по ширине, степени приближения и т.д.

Продолжает список наилучших Google карт — , новый продукт, который уже имеет большие успехи, и числится в списках наилучших плагинов WordPress для Google Maps. Он действительно стоит внимания, использует минимальное количество скриптов, прост в работе, быстр и вполне удобен в применении.

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

Список наиболее ярких функций:

  • Отрегулирование высоты и ширины карты.
  • Высокая адаптивность.
  • Автоматическая централизация карты в зависимости от размера экрана.
  • Отрегулирование цвета границ.
  • Вкл/выкл контролеров на карте.
3. Google Maps Bank

Следующий в списке Google Maps Bank . Этот плагин сравнительно легок в использовании. Пошаговые настройки всегда легко осваиваются даже самому неопытному пользователю. И буквально за несколько минут я создала замечательную карту для моего сайта. Модуль оснащен возможностями детального преобразования карты. Функциональность основана на ajax-е и здорово то, что Google Maps Bank можно использовать в случаи многоязычных сайтов.

Список основных особенностей:

  • Создание карт с помощью 7-Шаговой инструкции.
  • Удобный пользовательский интерфейс, основанный на функциональность ajax.
  • Супер прост в использовании.
  • Многоязычный плагин.

Google Map with FancyBox Popup плагин позволяет добавить карту Google в всплывающем окне. Это отличное решение для демонстрации местонахождения вашего бизнеса или же ваш личный адрес на Google Map. Модуль использует jQuery и скрипт FancyBox чтобы открыть всплывающее окно. Оно откроется при нажатии на адрес местонахождения.

Возможности плагина:

  • Легкий JQuery (расширение FancyBox).
  • Карта Google в всплывающем окне.
  • Приспособлен к работе на мобильных устройствах.
  • Легко управляемый бэкэнд.
  • Поддержка локализации.

На последнем месте от TechGasp. Мне понравился этот продукт из-за хорошей мобильной адаптивности, широкие возможности внутреннего интерфейса для настройки отображения карты, я также смогла разместить свой логотип на карту. Но причина, по которой он на последнем месте моего списка та, что плагин имел некоторые ограничения, такие как возможность добавления всего 12 маркеров на карте. В остальном, с точки зрения качества отображения и его возможностей, модуль может привлечь внимание.

Возможности:

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

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

Информация об авторе. Я Мария Филаткова, 26 лет. Моя основная деятельность -создание различных вебсайтов для себя и своих заказчиков. Помимо этого, уже в течении 3 лет я активно занимаюсь блоггингом, и в достигла достаточно высоких навыков. Тематика моих блогов в основном это дизайны веб сайтов, грамотное программирование и множество различных блогов-помощников для начинающих веб программистов.

Статьи по теме: