Jak zintegrować Mapy Google z WordPress

Najlepszym sposobem na przekazanie czytelnikom wskazówek dojazdu do określonej lokalizacji jest skorzystanie z Map Google. Możesz po prostu podać im adres, ale Mapy Google dostarczają im znacznie więcej informacji. Mapy Google są szczególnie ważne, jeśli masz firmę z fizyczną lokalizacją lub chcesz wyświetlać informacje o wydarzeniu. Bez względu na to, jaki jest cel Twojej mapy, możesz dostosować mapę do swoich potrzeb.

Oto kilka z wielu zalet dodania Map Google do witryny WordPress:

• Zezwalaj czytelnikom na uzyskiwanie wskazówek dojazdu do Twojej lokalizacji
• Pokazuje Twoją lokalizację w Street View
• Pokazuje obrazy
• Pokazuje wiele lokalizacji, aby pomóc czytelnikom zdecydować, które z Twoich lokalizacji chcą odwiedzić
• Podaje aktualne warunki drogowe
• Pokazuje zamykacze dróg
• Pokazuje warunki pogodowe
• Pokazuje, ile czasu zajmie dotarcie tam
• Wyświetla mapę w różnych typach podróży: widok drogowy, widok rowerowy, widok terenu lub widok hybrydowy
• Pomaga ulepszyć lokalne SEO
• Wskazówki mogą być drukowane do użytku przez odwiedzających
• Utrzymuje czytelników na swojej stronie

Mapy Google są łatwe do zintegrowania z WordPress i łatwe w użyciu dla użytkowników i nawigacji. Integracja Google Maps jest bezpłatna i łatwa przy użyciu wtyczek. Oczywiście za niewielką opłatą możesz dodać wiele dodatkowych funkcji. Mapy można również dodawać do witryny ręcznie. Oto kilka sposobów dodania Map Google do witryny WordPress.

Ręczne dodawanie Map Google do witryny WordPress

Możesz łatwo umieścić mapę w swoich postach ręcznie. Przejdź do Map Google, wprowadź żądany adres i wybierz poziom powiększenia. W menu wybierz Udostępnij lub Osadź mapę, wybierz Osadź, a następnie skopiuj i wklej kod do swojego posta na karcie edytora tekstu. Mapa jest osadzona jako element iFrame. Użytkownicy mogą wtedy uzyskać wskazówki dojazdu do lokalizacji, którą ustawiono na mapie.

Interakcja z osadzoną mapą jest trudna. Użytkownicy mogą się poruszać i powiększać, ale gdy klikną, aby uzyskać wskazówki, zostaną przekierowani do Map Google. Jeśli wrócą do Twojej witryny, mogą zobaczyć tylko mapę bez możliwości uzyskania wskazówek dojazdu lub jakichkolwiek innych informacji. Kiedy próbowałem tego, moją jedyną opcją było zobaczenie większej mapy w Google. To działa, ale jeśli chcesz więcej funkcji, potrzebujesz wtyczki.

Dodawanie Map Google do witryny WordPress za pomocą wtyczek

Istnieje wiele wtyczek, które zintegrują Mapy Google z Twoją witryną WordPress. Umożliwi to użytkownikom uzyskanie potrzebnych informacji bez opuszczania Twojej witryny. Wiele z nich ma podstawowe funkcje, ale jest kilka, które dodają coś wyjątkowego. Zainstalowałem kilka i dałem im jazdę próbną. Oto spojrzenie na najlepsze wtyczki i mocne strony każdego z nich. Większość wtyczek ma podstawowe funkcje i może być rozszerzona jako edycja pro.

Mapy Google WP

To najpopularniejsza wtyczka Google Maps z ponad 200 000 aktywnych instalacji i oceną 4,3/5. Możesz umieszczać mapy w postach, stronach lub widżetach za pomocą krótkiego kodu bez tworzenia ramek iFrame. Mapy reagują. Ma nieograniczoną liczbę znaczników z animacjami, obsługuje Street View, wiele typów map (mapa drogowa, terenowa, satelitarna i hybrydowa), trasy, wielokąty, polilinie i wiele więcej.

Dodawanie map jest łatwe. Klikasz, aby dodać nową mapę, nazwać ją, ustawić rozmiar, poziom powiększenia, wyrównanie i typ, ustawić adres, znaczniki i inne żądane ustawienia, a następnie zapisać. Następnie skopiuj i wklej krótki kod tam, gdzie chcesz swoją mapę.

Wersja Professional kosztuje 19,99 USD i umożliwia tworzenie wielu map, umożliwia odwiedzającym uzyskanie wskazówek dojazdu do znaczników, dodawanie opisów i kategorii, wiele ikon znaczników, wiele wielokątów i polilinii, pokazuje lokalizację odwiedzającego i wiele więcej.

Łatwo zrozumieć, dlaczego ten jest tak popularny. Ma większość funkcji, których każdy potrzebuje, a konfiguracja nie jest bardzo trudna. Mapy wyglądają świetnie i są łatwe w użyciu dla czytelników.

MapPress Łatwe Mapy Google

Ta wtyczka tworzy interaktywną mapę ze wskazówkami dojazdu i niestandardowymi znacznikami HTML. Znacznikami mogą być zdjęcia, linki itp. W jednym poście możesz utworzyć wiele map. Możesz dodawać znaczniki do dowolnego adresu, przeciągać znaczniki do dowolnej lokalizacji lub umieszczać lokalizacje szerokości i długości geograficznej. Obsługuje Street View. Daje nawet informacje o warunkach ruchu w czasie rzeczywistym. Możesz nawet użyć identyfikatorów shortcode, aby wybrać mapę i ustawienia do wyświetlenia. Jeśli lubisz programować, istnieje API programowania, dzięki któremu możesz stworzyć własną wtyczkę do map.

Konfiguracja jest prosta. Wybierasz typy wpisów, na których będzie wyświetlana mapa, miejsce ich wyświetlania w poście oraz sposób działania wskazówek dojazdu. Dostosowujesz elementy sterujące mapy, wyrównanie, POI, lokalizację, rozmiar itp. Możesz nawet zainstalować własny CSS, aby dopasować go do swojej witryny.

Wersja Pro kosztuje 29,95 USD za 3 witryny i 49,95 USD za nieograniczoną liczbę witryn. Oba obejmują rok aktualizacji i wsparcia. Dodane funkcje obejmują niestandardowe znaczniki, mapy mashup, widżety, listy, wygenerowane mapy z niestandardowych pól, brak linków wstecznych do MapPress i wiele innych.

Ten ma wiele funkcji, ale nie ugrzęzł w ustawieniach. To po prostu proste. Podoba mi się też, że ma niestandardowe ikony. Możesz umieszczać obrazy jako znaczniki.

Ulotka Mapy Marker

Ten działa jako najbardziej wszechstronna wtyczka do Map Google. Umożliwia pokazywanie lokalizacji i wskazówek na dowolnej stronie lub poście. Będziesz mieć swój indywidualny kod Geo-CMS. Ma ponad 1000 ikon i znaczników i możesz ustawić wyskakujący opis znaczników i uporządkować je w warstwach. Mapy są umieszczane z krótkim kodem. Mapy można eksportować.

Możesz dostosować poziom powiększenia, rozmiar itp. Wykorzystuje mapy z wielu źródeł, w tym Mapy Google (które wyświetlają drogę, teren, satelitę i hybrydę), Bing (który wyświetla drogi, anteny i anteny + etykiety), Open Street Map, Mapbox (wyświetlający drogę i satelitę) oraz dowolną niestandardową mapę WMTS.

Dostępna jest również wersja Premium, która zaczyna się od 29 euro, używa HTML5, wyświetla ślady GPX, używa geolokalizacji, minimap, używa kodów QR, integruje się z GeoJSON i wiele więcej.

Aby z niego skorzystać, po prostu utwórz znacznik, wybierając Dodaj nowy znacznik, nazwij go i wprowadź adres, zapisz go, a następnie skopiuj i wklej otrzymany krótki kod w dowolnym poście lub na stronie. Jeśli masz wersję Pro, możesz dostosować rozmiar i dodać warstwę, jeśli chcesz. Dodaje również przycisk w edytorze wizualnym, dzięki czemu możesz stamtąd wybierać swoje mapy. Jest to zdecydowanie jedna z najbogatszych w funkcje wtyczek do Map Google. Świetnie wygląda i jest łatwy w użyciu.

Widżet Mapy Google

Ten umieszcza mapę Google w widżecie, który po kliknięciu otworzy mapę w większym oknie lightbox. Możesz także wyświetlić mapę na dowolnej stronie, poście lub niestandardowym typie wpisu.

Wszystkie ustawienia są dokonywane w widżecie. Możesz wybrać rozmiar i typ mapy (droga, teren lub hybryda). Możesz użyć domyślnego pinu lub podać adres URL niestandardowego pinu. Możesz wybierać spośród kilku bezpłatnych niestandardowych schematów kolorów. Utwórz tekst zarówno nad, jak i pod mapą. Masz te same ustawienia dla lightboxa, które są ustawione niezależnie od zwykłego widżetu.

Wsparcie premium wynosi 19 USD. Możesz odblokować funkcje premium za darmo, zapisując się na ich listę mailingową. Odblokowane funkcje obejmują obsługę krótkich kodów, 3 skórki map miniatur i 2 skórki lightbox.

Aby użyć tego, przeciągnij i upuść widżet tam, gdzie chcesz, i wpisz adres zarówno na zwykłym widżecie, jak i na zakładkach lightbox. To wszystko, co musisz zrobić, chyba że chcesz dostosować widżet.

Podoba mi się, że pokazuje mapę w mniejszym widżecie, a po kliknięciu otwiera się do większego lightboxa. Dzięki temu mapa będzie znajdować się na każdej stronie lub poście, w którym widoczny jest pasek boczny, i pozostanie na uboczu, dopóki czytelnicy tego nie zechcą. Inną rzeczą, którą lubię w tym, jest to, że możesz umieścić tyle widżetów, ile chcesz, dzięki czemu możesz wyświetlać wiele map.

WP Wtyczka Google Map

Bezpłatna edycja tego pozwala tworzyć nieograniczoną liczbę lokalizacji i map oraz wyświetlać je na stronach, postach i widżetach za pomocą skrótów. Możesz wybierać spośród 500 znaczników lub tworzyć własne. Wyświetli drogę, teren, satelitę i hybrydę. Jest responsywny. Pokaże warunki ruchu w czasie rzeczywistym za pomocą warstwy ruchu. Pokaże trasy rowerowe z wykorzystaniem Warstwy Rowerowej.

Aby utworzyć lokalizację, po prostu nazwij ją, nadaj jej adres (możesz również użyć geokodu lub długości i szerokości geograficznej), napisz wiadomość i wybierz obraz znacznika. Aby utworzyć mapę, nadaj jej nazwę, ustaw wysokość, wybierz poziom powiększenia, wpisz, wybierz lokalizację, którą już utworzyłeś, wybierz warstwę, wybierz kilka ustawień i gotowe. Teraz po prostu przejdź do listy map (w sekcji Zarządzaj mapami) i skopiuj krótki kod, aby wkleić go do treści. Możesz edytować dowolne mapy.

Wersja Pro zaczyna się od 17 USD i dodaje wiele nowych funkcji. Możesz definiować nakładki za pomocą wbudowanego interfejsu, projektować własne skórki, wyłączać drogi, miejsca i wodę, wyświetlać wielokąty i polilinie z dostosowywanymi opcjami, integrować Contact Form 7, filtrować według lokalizacji i wiele więcej.

Istnieje wiele funkcji, którymi możesz zarządzać na pulpicie nawigacyjnym. Możesz je zignorować, jeśli chcesz. Możesz tworzyć lokalizacje, mapy i grupy znaczników oraz zarządzać nimi. Możesz także ustawić poziom powiększenia, panoramowanie, skalę, a także wyłączyć przegląd i Street View dla każdej mapy z osobna. Nie jest jasne, gdzie znaleźć skróty. Znalazłem je w zakładce Zarządzaj mapami.

CP Mapy Google

Dzięki temu możesz w naturalny sposób dodawać Mapy Google do swoich postów, umieszczając informacje geolokalizacyjne w samych postach. Pokazuje również znaczniki postów w podobnych kategoriach. Możesz wybrać, ile znaczników ma być wyświetlanych. Gdy czytelnik najedzie kursorem myszy na znacznik, podświetli on artykuł, do którego należy. Istnieje wiele opcji dostosowywania. Na przykład możesz dostosować znaczniki, poziomy powiększenia, rozmiar mapy, typ mapy, język, lokalizację w poście i wiele więcej.

Ma więcej ustawień niż większość, ale nadal jest łatwy w użyciu i możesz zignorować większość ustawień, jeśli chcesz użyć ustawień domyślnych. Bezpłatna wersja umożliwia dostosowanie rozmiaru i powiększenia mapy, typu, języka, czy zezwalać na przeciąganie, wyświetlać dymki informacyjne i wyświetlać polecany obraz. Możesz także wybrać informacje o wpisie, takie jak liczba powiązanych wpisów do wyświetlenia i rodzaje wyświetlanych opcji.

Dostępne są dwie edycje Premium. Pierwsza to wersja Professional za 19,99 USD, która umożliwia załadowanie wszystkich punktów w określonej kategorii, post lub tag, rysowanie kształtów i tras, tworzenie legendy, wyświetlanie linków, wyświetlanie wielu map, pozwala na stylizację, wyświetlanie lokalizacji użytkownika, generowanie dynamiczne punkty na podstawie danych obrazu i informacji o geolokalizacji i wiele więcej.

Dostępna jest również wersja programistyczna za 49,99 USD, która pozwala zaprojektować formularz kontaktowy powiązany z punktami, powiązać adresy e-mail z punktami, wysyłać wiadomości e-mail na podstawie tych powiązań, używać obrazów powiązanych z punktem, umożliwia importowanie i eksportowanie plików CSV oraz jeszcze.

Pod edytorem wizualnym dodano nową sekcję. Dzięki temu możesz tworzyć i dodawać mapy do postów i stron. Po przejściu wszystkich ustawień możesz dodać mapę do posta, klikając przycisk, aby wstawić tag mapy. Tag odwołuje się do tego konkretnego posta, więc nie możesz skopiować shorcodes, ale możesz skopiować lokalizację, jeśli chcesz utworzyć tę samą mapę w nowym poście. Wszystkie inne ustawienia będą musiały zostać skonfigurowane dla każdej mapy osobno, chyba że chcesz zachować ustawienia domyślne.

Lista map Pro

Ta wtyczka premium umożliwia wyświetlanie lokalizacji na liście stronicowanej, sortowalnej, przeszukiwalnej i filtrowalnej. Użytkownicy mogą wyszukiwać według tekstu i lokalizacji. Świetnie nadaje się do tworzenia lokalizatorów sklepów, adresów i list kontaktów. Ma 35 stylów, które można dostosować. Możesz tworzyć skategoryzowane lokalizacje, niestandardowe znaczniki i ikony, dodawać polecane obrazy, dodawać formularze wyszukiwania do innych stron, zmieniać pozycje na mapie, wyświetlać tylko mapę lub tylko listę, wyświetlać zgrupowane znaczniki i wiele więcej. Wszystkie funkcje i ustawienia można włączać i wyłączać.

Ceny zaczynają się od 19 dolarów.

Końcowe przemyślenia

Wszystkie te wtyczki są łatwe w konfiguracji i obsłudze. Pomiędzy nimi na pewno znajdziesz kombinację potrzebnych funkcji. Praktycznie wszystkie z nich mają edycję pro, która nie kosztuje tak dużo, więc nie zrujnuje banku, aby uzyskać jedną lub dwie funkcje, które nie są dostępne w bezpłatnych edycjach. Wyglądają świetnie, są łatwe w użyciu i zapewniają czytelnikom potrzebne informacje bez opuszczania witryny.

Jak o tobie? Czy zintegrowałeś Mapy Google ze swoją witryną WordPress? Czy używałeś jednej z tych wtyczek, innej wtyczki, czy użyłeś innej metody? Opowiedz nam o tym w komentarzach poniżej.