Czy chcesz dowiedzieć się, jak stworzyć mapę z wieloma pinezkami za pomocą Jet Elements?
Elementy odrzutowe oferuje widżet o nazwie Zaawansowana mapa. W przeciwieństwie do widgetu Google Mapy rodzimeElementor który obsługuje tylko jedną lokalizację, zaawansowany widżet mapy Jet Elements umożliwia tworzenie mapy z wieloma pinezkami.
Aby korzystać z tego widgetu, musisz najpierw zintegrować Jet Elements z Google Mapy przy użyciu klucza API.
Zaawansowany widżet mapy Jet Elements jest bardzo przydatny, jeśli masz firmę z wieloma oddziałami w mieście i chcesz utworzyć mapę pokazującą lokalizację twoich oddziałów. Ten widżet jest również przydatny do tworzenia czegoś w rodzaju mapy atrakcji turystycznych w mieście.
Oto jak używać tego widżetu.
Krok 1: Zintegruj JetElements z Mapami Google
Jak wspomniano, potrzebujesz klucza API Google Maps do integracji Jet Elements z Google Maps. Klucz API możesz uzyskać poprzez konsolę Google API.
Więc odwiedź Konsola API Google i zaloguj się na swoje konto Google. Jeśli nie masz jeszcze projektu, utwórz nowy, klikając menu rozwijane u góry i kliknij NOWY PROJEKT w wyskakującym okienku.
Nadaj nazwę swojemu projektowi i kliknij przycisk TWORZENIE .
Po utworzeniu nowego projektu wybierz go z menu rozwijanego u góry panelu Google API Console, a następnie kliknij Biblioteka na lewym panelu.
Google dzieli Google Maps API na 17 typów. Aby korzystać z tego widżetu, należy włączyć interfejsy API wymagane przez zaawansowany widżet mapy Jet Elements. Crocoblock, twórca Jet Elements, nie podaje żadnych szczegółowych informacji na temat wymaganych interfejsów API. Bazując na naszym doświadczeniu, włączyliśmy następujące interfejsy API:
- Kierunki API
- API do geokodowania
- Mapuje interfejs API JavaScript
- Fotele API
Możesz kliknąć link POKAŻ WSZYSTKO w sekcji Kartki zobaczyć je wszystkie.
Aby aktywować API, wybierz odpowiednie API (klikając na nie) i kliknij przycisk AKTYWUJ.
Po zakończeniu włączania wymaganych interfejsów API wróć do głównego pulpitu Google API Console i kliknij identyfikatory na lewym panelu. Kliknij przycisk Utwórz dane logowania i wybierz Klucz API. Skopiuj klucz API w wyskakującym okienku.
Następnie zaloguj się do pulpitu nawigacyjnego WordPress i przejdź do JetPlugins – > Ustawienia JetElements.
Kliknij zakładkę integracje i wklej swój klucz API w polu Klucz API Map Google w sekcji Mapy Google. Aktywuj opcję Oddzielny klucz API do geokodowania i wklej ten sam kod Klucz API do geokodowania.
Krok 2: Utwórz mapę
Po pomyślnym zintegrowaniu Jet Elements i Google Maps możesz rozpocząć tworzenie mapy. W tym celu utwórz nową stronę (Strony – > Dodaj) lub nowy przedmiot (Pozycje – > Dodaj) i zmodyfikuj go za pomocą Elementor.
W edytorze Elementor, ustaw układ przed rozpoczęciem. Aby to zrobić, otwórz panel Ustawienia strony, klikając ikonę koła zębatego w lewym dolnym rogu. Wybierz układ z menu rozwijanego pod opcją Ustawienia ogólne.
Dodaj nową sekcję, klikając ikonę plusa w polu edycji Elementora i przeciągając widżet Mapa zaawansowana na obszar roboczy.
Ustaw środek mapy na swoje miasto (lub dowolny region w zależności od mapy, którą chcesz utworzyć). Ustaw także początkowe powiększenie.
otwarte Mapy Google i znajdź pierwszą lokalizację, którą chcesz dodać do mapy, i skopiuj jej adres.
Wróć do edytora Elementora i otwórz sekcję Pins. Kliknij istniejącą lokalizację i zastąp adres adresem, który właśnie skopiowałeś. Dodaj również opis lokalizacji na polu Opis pinów.
Kliknij przycisk DODAJ ELEMENT znajduje się nieco niżej, aby dodać kolejny adres.
Aby zmienić styl mapy, a także wysokość, możesz otworzyć sekcję Styl mapy.
UWAGA: Jeśli mapa nie ładuje się po przeciągnięciu widżetu Zaawansowana mapa w edytorze Elementor i widzisz komunikat „Tylko do celów programistycznych”, pamiętaj o włączeniu rozliczeń Google Chmura. Nowe zasady Google wymagają od programistów włączenia konta rozliczeniowego.
Pobierz Elementor Pro teraz !!!
Wnioski
Więc ! To wszystko w tym artykule, który pokazuje, jak utworzyć mapę z wieloma pinami za pomocą Jet Elements. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać, daj im znać w commentaires.
Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.
...
