Mihdan: Elementor Yandex Maps
Elementor Yandex Maps — плагин под WordPress от вашего покорного слуги, расширяющий конструктор страниц Elementor путём добавления нового виджета с Яндекс.Картой.
Возможности
- Плагин умеет вставлять несколько разных карт на одной странице, при этом настройки каждому виджету можно задать индивидуально.
- На каждую карту можно ставить неограниченное количество маркеров, подписей к ним и балунов.
- Поддерживаются все возможные типы Яндекс.Карт: Схема, Спутник, Гибрид.
- Поддерживаются динамические теги для указания широты и долготы — данные можно подтягивать из произвольных полей и произвольных типов записей (CPT).
Как получить ключ 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
balloonIsOpenfor 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)
- Исправлены мелкие недочеты и ошибки
- Добавлена страница настроек
Очень крутой плагин! В Рунете, да и в СНГ однозначно нужен каждому, кто делает сайты на Elementor.
Максим, спасибо за лестный отзыв!
плагин очень понравился, работает на ура, если бы он еще умел рассчитывать стоимость на основе расстояния, цены бы ему не было!
Не совсем понял по рассчету расстояния, можете подробнее?
например в песочнице яндекса есть пример расчета стоимости доставки. Было бы неплохо добавить в плагин этот функционал. Конкретно у меня стоит задача расчета стоимости пассажирских перевозок. я получаю расстояния и вывожу в балун стоимость поездки (отдельным параметром передаю стоимость 1 км для каждого вида транспорта). Для себя эту задачу я решил используя тег html в elementor, но думаю, я не один такой, для многих актуален вопрос расчета стоимости исходя из километража. Еще раз огромное спасибо за плагин!
Покажите пример, пожалуйста
пока что сайт на локальном сервере, файлы сюда прикрепить нельзя, а копировать код…..получится очень много текста, может быть можно отправить файлы на электронную почту?
Я про пример в Яндекс 😉
попытался прикрепить код, но он очень большой, не отправляется ответ((
Код крепите на gist, codepen… А сюда ссылку, если он большой
извините за столь поздний ответ
Возможно, релизуем, если кому-то кроме вас оно тоже понадобится. У вас очень специфичный кейс.
Здравствуйте! Плагин отлично работает, но хотелось бы добавлять свою иконку. Если можно, подскажите как сделать. Пробовала вставить подобный код, но не работает
{ // Необходимо указать данный тип макета. iconLayout: 'default#imageWithContent', // Своё изображение иконки метки. iconImageHref: 'images/ball.png', // Размеры метки. iconImageSize: [48, 48], // Смещение левого верхнего угла иконки относительно // её "ножки" (точки привязки). iconImageOffset: [-24, -24], // Смещение слоя с содержимым относительно слоя с картинкой. iconContentOffset: [15, 15], // Макет содержимого. iconContentLayout: MyIconContentLayout }Пример из яндекса
Пробуйте версию 1.3.6
Возможно ли добавлять свои маркеры в код по образцу Яндекса https://tech.yandex.ru/maps/jsbox/2.1/icon_customImage
Добрый день, Елена
В текущей версии нет, но скорее всего в следующей это будет.
Голосовать можно тут — https://github.com/mihdan/mihdan-elementor-yandex-maps/issues/1
Добрый день. Карта почему то не отображается на мобильных устройствах. Подскажите пожалуйста в чем может быть проблема?
Нет блока или он пустой? Сайт можете показать?
Доброго времени! Михаил, у меня аналогичная проблема. Блок есть, он пустой. Заполнен пиктограммой.
Подскажите пожалуйста, как наладить.
Страница:
http://www.seminrus.ru/kontakty/
У вас сайт на wp.com расположен? Вижу сейчас две ошибки:
jQueryгрузится с wp.com и ниже моего плагина, это очень странно. Или у вас типаJetpackчто-то? Плюс в консоли еще одна ошибка по поводуnavmenu-addon-for-elementor.Есть возможность в ТГ пообщаться?
Извините, что такое ТГ?
Почту за честь пообщаться как угодно)
Вы все верно описали, проблема, как всегда, в голове. Не зная броду, не лезь в воду. Но приходиться лезть без знаний и навыков. Буду очень признателен, если поможете)
ТГ — телеграм, я там @Кобзарёв Михаил
Без возможности вставлять адрес динамически из произвольных полей, к сожалению ценности данного плагина не вижу.
Такой функционал уже реализовывается в новой версии, стоит только немного подождать. Даи плагин бесплатный, поддержите донатом — будем развивать!
В версии 1.2.4 такая возможность добавлена.
Спасибо, но для скачивания пока недоступно?
Можете пока поставить из архива, я ближе к вечеру постараюсь релиз на wp.org сделать.
Поставил, пока не работает карта — http://prntscr.com/od5vc4
Вы ключ api вбили?
Да, проблема была в api, спасибо. Всё работает отлично. Завтра скину на кофе.
Спасибо 🙂
Версия 1.2.4 успешно залита на wp.org
Отлично, скинул на кофе. Подскажите, есть в планах сделать возможность добавления на карту своих иконок для пина?
Кофе уже попил, спасибо. Прямо сейчас занимаюсь вопросом для вставки своих картинок под пины. В следующем релизе будет точно. Следить за задачами и ходом их выполнения можно в Проекте на Гитхабе.
Пины пожалуйста тоже сделайте динамические.
Они и так динамические жеж.
Их пока нет, поэтому я не в курсе)
Добавил кластеризацию и еще больше типов меток и их настроек.
Доброе утро. После последнего обновления карта не отображается. На экране просто серый прямоугольник. Ключ API добавлен. Даже попробовал второй, новый создать. Сайт http://raftingsochi.ru. Подскажите, пожалуйста, в какую сторону копать, чтобы обратно заработало?
Поставьте предыдущую версию плагина и НИКОГДА не играйтесь с бета-версиями на продуктовых серверах, ТОЛЬКО на тестовых. Последнее обновление это какое? 1.2.4 или 1.3? И что вы видите в консоли браузера по клавише F12?
Обновлялся в WP прямо. Перестало работать после 1.2.4. Одновременно обновился плагин Ultimate Addons for Gutenberg.
В течении часа выйдет обновление пока на GitHub, надо будет качнуть архив и установить руками, к вечеру будет обновлении на wp.org.
Качнул обновление. Установил. Вижу версию 1.3. Видимость карты восстановлена. Ура!!! Но теперь нет возможности поставить метку на карте, в меню Содержимое — Метки просто пусто.
Всмысле пусто? У метки три поля: заголовок, тело и футер
PS: нашел причину: были ошибки в JS, в 1.3 исправлено!
Что касается именно указанного сайта, дело не в обновлении плагина. У вас WP Super Cache поставил инициализацию моих скриптов выше jQuery. Попробуйте на время отключить кэширование, проверить и мне отписаться.
Вы пока это сделайте, а я попробую выпустить обновление, чтобы обойти это ограничение.
Спасибо за оперативный ответ. Деактивировал плагин WP Fastest Cache. Откатился на 1.2.2. Пока без изменений.
В 1.3 ошибка исправлена
После последних обновлений слетели метки на карте из-за того что теперь нельзя из ставить динамически — http://prntscr.com/or5m7w . Будут ли правки или лучше откатиться за старую версию плагина?
Побудьте пока на старой версии, я постараюсь оперативно решить вопрос. Есть возможность пообщаться в Телеграм?
Михаил, огромная благодарность за плагин! Ничего подобного не встречал, очень понравилась возможность передавать координаты с помощью произвольных полей, именно этого не хватало на многих проектах.
Михаил, есть вопрос по поводу множества меток на карте, есть кейс агентства недвижимости и нужно отобразить метки на все объекты (квартиры, дома). Каким образом это можно реализовать? Динамически не получиться, подтянуть из всех записей?
Спасибо! Метки — это произвольный тип записей? Координаты хранятся у них в произвольных полях? Нет ли у вас примеров любого плагина, где работает как вам нужно, я просто не могу придумать как это интерфейсно реализовать?
По сути я переделываю вот этот сайт: https://gulfstream.ltd/sale/resale/ текущий вариант не я делал и он на MODX. Не могу сказать как разработчики реализовали это. Пока не придумал универсальный метод вашего плагина, но в моём случае, возможно перебор произвольных полей (где будут координаты) в определенной рубрике, резльтат перебра — массив из координат меток. После чего в цикле создается метка и вставляется на карту. Как-то так наверное. Это конечно частный случай, далеко не на каждом сайте востребовано. Интерфейсно можно 2 настройки сделать, например если это адреса офисов например на странице сайта «Контакты», то координаты меток или адреса можно брать из произвольного поля, в виде списка. А если как в моём случае, то с указанием таксономии и полей где координаты на странице записи. Сумбурно кажется описал, надеюсь вы уловили мысль)
Я понял, что вы хотите реализовать и меня уже два человека до вас просили об этой возможности. Но быстро я не смогу это сделать. Вам когда это нужно? Я пока вижу один вариант — создать textarea, куда можно воткнуть JSON с метками. А второй вариант сделать возможность выбрать источник меток: из поля, как сейчас и указать post_type с custom fields.
Вообще срок до понедельника. В любом случае даже с текущим функционалом это возможно реализовать, даже если и вручную (не так много объектов недвижимости). Если реализуете этот дополнительный функционал, то будет просто отлично! Как вариант, дополнительные функции можно добавить например в Pro версию плагина)
До понедельника точно не сделаю, за идея для ПРО-версии спасибо)
Сделали в 1.4.0
Создал CPT, широта и долгота указана в раздельных кастомных полях. При создании карты не «ручками» а из записей, динамическим контентом подставляю значения GPS координат и всех прочих необходимых для появления минимально загруженного бабла. Но в итоге все точки сливаются в одну точку (один бабл). Координаты точно разные, но заполнены не в 100% ячеек.
Если слились в одну точку, значит — координаты одиаковые, покажите ссылку на сайт или сами поглядите по код страницы. Заполнять надо для всех, иначе это вызовет ошибки со стороны API Яндекса. Чем сделан CPT и кастомные поля?
Сделаны Pods
Я проверю, не тестировал с Pods
Перепроверил все GPS и заполнил недостающие. Буду тестить.
Скорее всего дело в версиях pods, были проблемы со старыми ACF.
Версия плагина 1.4.2 с Elementor выше 3 версии есть баг в отображении кодировки подсказки иконки возле метки. В режиме редактора введенная «подсказка иконки» отображается на кириллице отлично, а вот при сохранении и отображении в фронтеде кодировка слетает.
А есть, где посмотреть?
Добрый день!
Плагин установил, API ключ ввел. Но не ставится метка. Как решить эту проблему??? В поиске широты и долготы адрес ищет, а при создании метки адрес не ищет????
Добрый день! не работает метка. Не производит поиск широты и долготы при создании метки. Как быть?????
Откатите версию Elementor до 3.0.9 в меню Elementor -> Tools. В новых версиях есть ошибка, из-за которой плагин пока не может корректно работать. Разработчики уже об этом уведомлены.
Здравствуйте. У меня такой вопрос. При загрузке произвольной иконки происходит следующее: сама иконка смещается в зависимости от масштаба карты, т.е. если увеличить масштаб, то иконка смещается вообще в другую точку карты. Как такое можно исправить?
Скорее всего что-то изменилось в API самих карт, я погляжу в свободное время.
За плагин ОГРОМНОЕ Спасибо!!!
Пользуйтесь!
Здравия желаю, сообщу один момент, чтобы были в курсе.
При включении кластеризации невозможно использовать свои картинки на иконках
Проверим, возможно, в апи чтот поменяли
Ещё один момент, балун при кастомной метке не вызывается
Где посмотреть пример? У меня на сайтах не смог повторить
Приветствую, занимаетесь ещё плагином? Вопросы возникли.
Могу мотивационный взнос сделать.
Да, в свободное время. Помочь проекту можно по ссылке в шапке
Немного подкорректировал скрипт кастом картинки
/options.iconImageOffset = [0, 0];/
теперь оверлэй встал на место
А зачем? Может вы иконку не подготовили, как указано в доке?
Так будет точнее
options.iconImageOffset = [-10, -15];
Приветствую! Спасибо за шикарный плагин, идея с кастомным типом записи – супер. И он же выбирает последние добавленные записи по идее?
Скажи а какие то базовые критерии применяются? Вижу лимит есть, супер… еще бы фильтровать можно было бы по метаполям, было бы класс, для просто ты / скорости пусть даже через код…
Плагин хорош, только есть сложности.
Мы рекламная компания и на нашем сайте хотим опубликовать карту с расположением наших рекламных поверхностей. Как поставить произвольную точку на карте не имеющую адреса? И при замещение стандартных меток на свою картинку нельзя указать где у этой картинки точка указателя. Картинки не показывает точно на место.