Верх страницы
Обложка к записи Mihdan: Elementor Yandex Maps
Время для прочтения: 0 мин. 47 сек.

Mihdan: Elementor Yandex Maps

Elementor Yandex Maps — плагин под WordPress от вашего покорного слуги, расширяющий конструктор страниц Elementor путём добавления нового виджета с Яндекс.Картой.

Возможности

  • Плагин умеет вставлять несколько разных карт на одной странице, при этом настройки каждому виджету можно задать индивидуально.
  • На каждую карту можно ставить неограниченное количество маркеров, подписей к ним и балунов.
  • Поддерживаются все возможные типы Яндекс.Карт: Схема, Спутник, Гибрид.
  • Поддерживаются динамические теги для указания широты и долготы — данные можно подтягивать из произвольных полей и произвольных типов записей (CPT).
Как в Elementor вставить Яндекс Карту. Альтернатива картам от GoogleКак в Elementor вставить Яндекс Карту. Альтернатива картам от Google

Как получить ключ API

Получить API-ключ можно в Кабинете разработчика. Нажмите «Получить ключ», затем выберите сервис «JavaScript API и HTTP Геокодер» и заполните анкету — ваш API-ключ будет сразу готов к использованию.

Список изменений

1.4.1 (16.06.2020)

  • Added dynamic tag for icon image
  • Fixed bugs

1.4.0 (12.06.2020)

  • Added support for CPT markers
  • Fixed bugs

1.3.6 (27.05.2020)

  • WPCS
  • Added border-radius support for maps
  • Added custom marker for maps. Thanks to @land0r
  • Added custom icon for widget

1.3.5 (26.05.2020)

  • Added dynamic tags for icon and hint caption and content

1.3.4 (29.02.2020)

  • Fixed bug with map center search
  • Refactoring JS

1.3.3 (01.11.2019)

  • Added filters to maps: grayscale, sepia, green, blue
  • Added asynchronous script loading
  • Added resource hints like prefetch, preload, preconnect
  • Added notifications
  • Added support for WordPress 5.3
  • Added dynamic tags to latitude & longitude for pins
  • Fixed bugs

1.3.2 (09.10.2019)

  • Added language switcher for maps
  • Fixed bugs
  • Removed unused code
  • WPCS

1.3.1 (05.08.2019)

  • Bug with missing pins fixed

1.3 (12.07.2019)

  • Added clusterization feature
  • Added clusterization settings
  • Added cluster color dropdown
  • Added icon colors
  • Added icon types
  • Added hint content
  • Added icon caption
  • Added icon content
  • Added balloon footer
  • Added property balloonIsOpen for balloon
  • Fixed bugs
  • Code converted to OOP
  • Code refactored to conform WordPress Coding Standards
  • JS developed according to ECMA-6 script standards

1.2.4 (09.07.2019)

  • Добавлена поддержка динамических тегов для широты и долготы карты и меток на ней

1.2.3 (18.01.2019)

  • Исправлены ошибки с переводами

1.2.2 (18.01.2019)

  • Исправлены мелкие недочеты и ошибки
  • Добавлена страница настроек

Ссылки

ВКонтакте
Одноклассники
Linkedin
Telegram
WhatsApp

Комментарии
Подписаться
Уведомить о
guest
71 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Максим
Максим
2 лет назад

Очень крутой плагин! В Рунете, да и в СНГ однозначно нужен каждому, кто делает сайты на Elementor.

Дмитрий
Дмитрий
2 лет назад

плагин очень понравился, работает на ура, если бы он еще умел рассчитывать стоимость на основе расстояния, цены бы ему не было!

Дмитрий
Дмитрий
2 лет назад
Ответить на  Кобзарёв Михаил

например в песочнице яндекса есть пример расчета стоимости доставки. Было бы неплохо добавить в плагин этот функционал. Конкретно у меня стоит задача расчета стоимости пассажирских перевозок. я получаю расстояния и вывожу в балун стоимость поездки (отдельным параметром передаю стоимость 1 км для каждого вида транспорта). Для себя эту задачу я решил используя тег html в elementor, но думаю, я не один такой, для многих актуален вопрос расчета стоимости исходя из километража. Еще раз огромное спасибо за плагин!

Дмитрий
Дмитрий
2 лет назад
Ответить на  Кобзарёв Михаил

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

Дмитрий
Дмитрий
2 лет назад
Ответить на  Кобзарёв Михаил

попытался прикрепить код, но он очень большой, не отправляется ответ((

Дмитрий
Дмитрий
2 лет назад
Ответить на  Кобзарёв Михаил

извините за столь поздний ответ

Елена
Елена
2 лет назад

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

{
    // Необходимо указать данный тип макета.
    iconLayout: 'default#imageWithContent',

    // Своё изображение иконки метки.
    iconImageHref: 'images/ball.png',

    // Размеры метки.
    iconImageSize: [48, 48],

    // Смещение левого верхнего угла иконки относительно
    // её "ножки" (точки привязки).
    iconImageOffset: [-24, -24],

    // Смещение слоя с содержимым относительно слоя с картинкой.
    iconContentOffset: [15, 15],
    
    // Макет содержимого.
    iconContentLayout: MyIconContentLayout

}

Пример из яндекса

Елена
Елена
2 лет назад

Возможно ли добавлять свои маркеры в код по образцу Яндекса https://tech.yandex.ru/maps/jsbox/2.1/icon_customImage

Станислав
Станислав
2 лет назад

Добрый день. Карта почему то не отображается на мобильных устройствах. Подскажите пожалуйста в чем может быть проблема?

Павел
Павел
1 год назад
Ответить на  Кобзарёв Михаил

Доброго времени! Михаил, у меня аналогичная проблема. Блок есть, он пустой. Заполнен пиктограммой.

Подскажите пожалуйста, как наладить.

Страница:

http://www.seminrus.ru/kontakty/

Павел
Павел
1 год назад
Ответить на  Кобзарёв Михаил

Извините, что такое ТГ?

Почту за честь пообщаться как угодно)

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

Стас
Стас
2 лет назад

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

Стас
Стас
2 лет назад
Ответить на  Кобзарёв Михаил

Спасибо, но для скачивания пока недоступно?

Стас
Стас
2 лет назад
Ответить на  Кобзарёв Михаил

Поставил, пока не работает карта — http://prntscr.com/od5vc4

Стас
Стас
2 лет назад
Ответить на  Кобзарёв Михаил

Да, проблема была в api, спасибо. Всё работает отлично. Завтра скину на кофе.

Стас
Стас
2 лет назад
Ответить на  Кобзарёв Михаил

Отлично, скинул на кофе. Подскажите, есть в планах сделать возможность добавления на карту своих иконок для пина?

Стас
Стас
2 лет назад
Ответить на  Кобзарёв Михаил

Пины пожалуйста тоже сделайте динамические.

Стас
Стас
2 лет назад
Ответить на  Кобзарёв Михаил

Их пока нет, поэтому я не в курсе)

Андрей Шишкин
2 лет назад

Доброе утро. После последнего обновления карта не отображается. На экране просто серый прямоугольник. Ключ API добавлен. Даже попробовал второй, новый создать. Сайт http://raftingsochi.ru. Подскажите, пожалуйста, в какую сторону копать, чтобы обратно заработало?

Андрей Шишкин
2 лет назад
Ответить на  Кобзарёв Михаил

Обновлялся в WP прямо. Перестало работать после 1.2.4. Одновременно обновился плагин Ultimate Addons for Gutenberg.

Андрей Шишкин
2 лет назад
Ответить на  Кобзарёв Михаил

Качнул обновление. Установил. Вижу версию 1.3. Видимость карты восстановлена. Ура!!! Но теперь нет возможности поставить метку на карте, в меню Содержимое — Метки просто пусто.

Андрей Шишкин
2 лет назад
Ответить на  Кобзарёв Михаил

Спасибо за оперативный ответ. Деактивировал плагин WP Fastest Cache. Откатился на 1.2.2. Пока без изменений.

Стас
Стас
1 год назад

После последних обновлений слетели метки на карте из-за того что теперь нельзя из ставить динамически — http://prntscr.com/or5m7w . Будут ли правки или лучше откатиться за старую версию плагина?

Андрей
Андрей
1 год назад

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

Михаил, есть вопрос по поводу множества меток на карте, есть кейс агентства недвижимости и нужно отобразить метки на все объекты (квартиры, дома). Каким образом это можно реализовать? Динамически не получиться, подтянуть из всех записей?

Андрей
Андрей
1 год назад
Ответить на  Кобзарёв Михаил

По сути я переделываю вот этот сайт: https://gulfstream.ltd/sale/resale/ текущий вариант не я делал и он на MODX. Не могу сказать как разработчики реализовали это. Пока не придумал универсальный метод вашего плагина, но в моём случае, возможно перебор произвольных полей (где будут координаты) в определенной рубрике, резльтат перебра — массив из координат меток. После чего в цикле создается метка и вставляется на карту. Как-то так наверное. Это конечно частный случай, далеко не на каждом сайте востребовано. Интерфейсно можно 2 настройки сделать, например если это адреса офисов например на странице сайта «Контакты», то координаты меток или адреса можно брать из произвольного поля, в виде списка. А если как в моём случае, то с указанием таксономии и полей где координаты на странице записи. Сумбурно кажется описал, надеюсь вы уловили мысль)

Андрей
Андрей
1 год назад
Ответить на  Кобзарёв Михаил

Вообще срок до понедельника. В любом случае даже с текущим функционалом это возможно реализовать, даже если и вручную (не так много объектов недвижимости). Если реализуете этот дополнительный функционал, то будет просто отлично! Как вариант, дополнительные функции можно добавить например в Pro версию плагина)

orekhovaa
1 год назад
Ответить на  Кобзарёв Михаил

Создал CPT, широта и долгота указана в раздельных кастомных полях. При создании карты не «ручками» а из записей, динамическим контентом подставляю значения GPS координат и всех прочих необходимых для появления минимально загруженного бабла. Но в итоге все точки сливаются в одну точку (один бабл). Координаты точно разные, но заполнены не в 100% ячеек.

orekhovaa
1 год назад
Ответить на  Кобзарёв Михаил

Сделаны Pods

orekhovaa
1 год назад
Ответить на  Кобзарёв Михаил

Перепроверил все GPS и заполнил недостающие. Буду тестить.

Андрей
Андрей
10 месяцев назад

Версия плагина 1.4.2 с Elementor выше 3 версии есть баг в отображении кодировки подсказки иконки возле метки. В режиме редактора введенная «подсказка иконки» отображается на кириллице отлично, а вот при сохранении и отображении в фронтеде кодировка слетает.

Евгений Леконцев
Евгений Леконцев
5 месяцев назад

Добрый день!
Плагин установил, API ключ ввел. Но не ставится метка. Как решить эту проблему??? В поиске широты и долготы адрес ищет, а при создании метки адрес не ищет????

Евгений Леконцев
Евгений Леконцев
5 месяцев назад

Добрый день! не работает метка. Не производит поиск широты и долготы при создании метки. Как быть?????

kirusha here
kirusha here
3 месяцев назад

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

Последний раз редактировалось 3 месяцев назад kirusha here ем
Эдуард Попов
Эдуард Попов
1 месяц назад

За плагин ОГРОМНОЕ Спасибо!!!