Искате ли да разберете как да създадете карта с множество щифтове с помощта на Jet Elements?
Реактивни елементи предлага джаджа, наречена Разширена карта. За разлика от джаджа Google Родни картиElementor който поддържа само едно местоположение, Jet Elements Advanced Map Widget ви позволява да създадете карта с множество щифтове.
За да използвате тази джаджа, първо трябва да интегрирате Jet Elements с Google Карти с помощта на API ключ.
Jet Elements Advanced Map Widget е доста полезен, ако имате бизнес с множество клонове в града и искате да създадете карта, която показва местоположението на вашите клонове. Тази джаджа е полезна и за създаване на нещо като карта на туристическите атракции в даден град.
Ето как да използвате тази джаджа.
Стъпка 1: Интегрирайте JetElements с Google Maps
Както споменахме, имате нужда от API ключ Google Карти за интегриране на Jet Elements с Google Карти. Можете да получите API ключ чрез конзолата на Google API.
Така че посетете Google API конзола и влезте с вашия акаунт в Google. Ако все още нямате проект, създайте нов, като щракнете върху падащото меню в горната част и щракнете върху НОВ ПРОЕКТ в изскачащия прозорец, който се появява.
Дайте име на вашия проект и щракнете върху бутона СЪЗДАВАНЕ .
След като новият ви проект бъде създаден, изберете го от падащото меню в горната част на таблото за управление на Google API Console, след което щракнете върху библиотека на левия панел.
Google разделя API на Google Maps на 17 типа. Трябва да активирате API, изисквани от Jet Elements Advanced Map Widget, за да използвате тази джаджа. Crocoblock, разработчикът на Jet Elements, не предоставя подробна информация за необходимите API. Въз основа на нашия опит сме активирали следните API:
- Указания за API
- API за геокодиране
- JavaScript API за карти
- API места
Можете да кликнете върху връзката ПОКАЖИ ВСИЧКИ в раздела Карти да ги видя всички.
За да активирате API, изберете съответния API (като щракнете върху него) и щракнете върху бутона АКТИВИРАТЕ.
След като завършите активирането на необходимите API, върнете се към главното табло за управление на конзолата на Google API и щракнете върху Идентификатори на левия панел. Кликнете върху бутона Създайте идентификационни данни и изберете API ключ. Копирайте API ключа в изскачащия прозорец, който се появява.
След това влезте в таблото за управление на WordPress и отидете на JetPlugins – > Настройки на JetElements.
Кликнете върху раздела интеграции и поставете вашия API ключ в полето Ключ за API на Google Карти в секцията Google Maps. Активирайте опцията Отделен API ключ за геокодиране и поставете същия код API ключ за геокодиране.
Стъпка 2: Създайте картата
След като Jet Elements и Google Maps са интегрирани успешно, можете да започнете да създавате картата. За да направите това, създайте нова страница (Страници – > Добавяне) или нова статия (Елементи – > Добавяне) и го променете с Elementor.
В редактора Elementor, задайте оформлението, преди да започнете. За да направите това, отворете панела с настройки на страницата, като щракнете върху иконата на зъбно колело в долния ляв ъгъл. Изберете оформление от падащото меню под опцията Общи настройки.
Добавете нов раздел, като щракнете върху иконата плюс в полето за редактиране на Elementor и плъзнете изпълнимия модул за разширена карта към платното.
Поставете центъра на картата във вашия град (или който и да е регион в зависимост от картата, която искате да създадете). Също така задайте първоначалното увеличение.
отворено Google Maps и намерете първото местоположение, което искате да добавите към картата, и копирайте адреса му.
Върнете се в редактора на Elementor и отворете секцията Pins. Кликнете върху съществуващото местоположение и заменете адреса с адреса, който току-що сте копирали. Също така добавете описанието на местоположението на полето Описание на щифта.
Кликнете върху бутона ДОБАВЯНЕ НА ЕЛЕМЕНТ разположен малко по-надолу, за да добавите друг адрес.
За да промените стила на вашата карта, както и височината, можете да отворите секцията Стил на картата.
ЗАБЕЛЕЖКА: Ако картата не се зареди след плъзгане на джаджата Разширена карта в редактора на Elementor и видите съобщение „Само за целите на разработката“, уверете се, че сте активирали таксуването си в Google облак. Новата политика на Google изисква от разработчиците да активират акаунт за таксуване.
Вземете Elementor Pro сега!!!
Заключение
Така ! Това е всичко за тази статия, която ви показва как да създадете карта с множество щифтове с помощта на Jet Elements. Ако имате някакви притеснения как да стигнете до там, уведомете ги в Връзка.
Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Но междувременно, споделете тази статия във вашите различни социални мрежи.
...