- By Kevin Muldoon
- Ostatnia aktualizacja: November 21, 2020
Mapy Google, jeden z flagowych produktów Google, jest zdecydowanie najpopularniejszym serwisem mapowym online.
Uruchomiona w 2005 roku usługa została od tego czasu zintegrowana ze stronami internetowymi, aplikacjami i nie tylko. Stało się to możliwe dzięki Google Maps API, który pozwala produktom i usługom innych firm na osadzanie Google Maps.
WordPress ma świetne wsparcie dla Google Maps, a na rynku jest wiele wtyczek WordPress, które pomagają zintegrować go z Twoją stroną kontaktową, stroną o stronie, paskiem bocznym lub gdziekolwiek indziej, co możesz wybrać. Wiele motywów WordPress ma również wbudowaną funkcjonalność Google Maps.
W tym artykule podzielę się najlepszymi rozwiązaniami wtyczek Google Maps dostępnymi dla WordPress.
Nabycie klucza API Google Maps
Od 2016 roku Google wymaga, aby właściciele stron internetowych wykonywali żądania za pomocą klucza API Google Maps. Większość wtyczek Google Maps WordPress wymaga podania tego klucza API, aby zintegrować mapy z Twoją witryną. Istnieją jednak pewne rozwiązania, które obsługują ten aspekt tego dla Ciebie.
Gdy ta zmiana została wprowadzona, Google oferował do 25 000 darmowych ładunków map każdego miesiąca. Teraz, zamiast tego oferuje 200 dolarów kredytu. Sprawdź arkusz cenowy Google, aby lepiej zrozumieć, co to dostaniesz.
200 dolarów miesięcznego kredytu powinno wystarczyć dla większości małych i średnich stron internetowych. Jednak ci, którzy mają strony o dużym natężeniu ruchu, mogą być zmuszeni do płacenia za dodatkowe ładunki map.
Aby zdobyć klucz API, musisz zarejestrować się w Google Cloud Platform (GCP). Rejestracja i pobranie klucza zajmuje tylko kilka minut.
Zostaniesz zapytany, czy chcesz mapy, trasy i miejsca. Zalecam wybranie wszystkich trzech opcji, aby wszystkie funkcje Map Google były dostępne w Twojej witrynie.
Po kilku kolejnych krokach otrzymasz klucz API, który jest potrzebny do korzystania z Map Google w Twojej witrynie.
Sprawdź stronę Platforma Map Google, aby utworzyć klucz API Map Google dla swojej witryny i dowiedzieć się więcej o tym, jak to wszystko działa.
WP Google Maps (FREE/$9.99-plus)
WP Google Maps to jedno z najpopularniejszych rozwiązań Google Maps dla WordPress i jest aktywnie używane w ponad 400 000 witryn.
Proces tworzenia nowych map za pomocą wtyczki jest fantastyczny. Możesz dodawać znaczniki, linie, wielokąty i inne kształty do swojej mapy. Dostępnych jest dziesięć motywów i możesz włączyć warstwy ruchu, warstwy rowerowe, kierunki i maksymalny poziom zoomu.
Po utworzeniu mapy można ją wstawić do witryny za pomocą shortcode.
W głównym obszarze ustawień możesz włączyć i wyłączyć elementy sterujące mapą, takie jak zoom, widok ulicy i to, czy można używać myszy. Istnieje wiele opcji, które pomagają określić, w jaki sposób obsługiwane są również markery.
Jeśli nie wprowadziłeś klucza API Google Maps po aktywacji, możesz to zrobić w zakładce zaawansowanej, która zapewni, że wtyczka będzie mogła pobierać mapy. Obszar ustawień zaawansowanych pozwala również na dodanie niestandardowego CSS i niestandardowego JavaScript.
Dla WP Google Maps dostępne są trzy dodatki premium.
Za $9.99, dodatek Visitor Generated Markers jest najtańszy. Jak sama nazwa wskazuje, pozwala odwiedzającym witrynę dodawać własne markery do map.
Dodatek Gold kosztuje 29,99 USD za licencję na trzy witryny i dodaje grupowanie markerów oraz śledzenie lokalizacji w czasie rzeczywistym.
Najbardziej wszechstronnym dodatkiem jest dodatek Pro, który dodaje niestandardowe pola, ulepszony interfejs użytkownika, niestandardowe źródła danych, harmonogram, ulepszone filtrowanie markerów, poprawę wydajności, integrację Mappity i punkty orientacyjne.
Ceny dla dodatku Pro zaczynają się od 39,99 USD za licencję na trzy witryny.
Trzeba tylko kilku minut, aby zdać sobie sprawę, dlaczego WP Google Maps jest tak popularny. Podstawowa wersja jest darmowa do pobrania, łatwa w użyciu i posiada setki funkcji.
Zalecam wypróbowanie jej.
Google Maps Locator plugin for WordPress ($27)
Google Maps Locator plugin for WordPress to wysoce konfigurowalne rozwiązanie mapowe, które umożliwia odwiedzającym przesyłanie list i markerów na przednim końcu witryny.
Listingi mogą mieć dołączone do nich filmy wideo i mogą być oceniane za pomocą systemu oceny gwiazdek. Istnieje kilka fajnych funkcji map, takich jak możliwość rysowania na mapie, wyszukiwanie w określonym promieniu i automatyczne wyświetlanie geolokalizacji.
Dostępnych jest tuzin typów map i tuzin stylów map, co daje dużą elastyczność, jeśli chodzi o rodzaje tworzonych map.
Na przykład, istnieje mapa pełnoekranowa, mapa, która pokazuje niestandardowe pola treści, mapa napędzana AJAXem, mapa klastrów i mapa dojazdu.
Obszar ustawień umożliwia wprowadzenie klucza API Map Google oraz włączanie i wyłączanie kluczowych funkcji dla list, markerów, wyszukiwania i powiadomień e-mail.
Można również dostosować schemat kolorów linków, przycisków i menu.
WtyczkaGoogle Maps Locator dla WordPressa jest dostępna za 27 dolarów od CodeCanyon. Jest to wszechstronne rozwiązanie z wieloma świetnymi projektami map i obsługą załączników multimedialnych. Sposób, w jaki pozwala na integrację listingów i markerów z mapami, jest również przydatny.
Simple Google Maps Shortcode (FREE)
Trzeba sprawdzić Simple Google Maps Shortcode.
Jak zapewne wywnioskowałeś z nazwy, ta wtyczka pozwala na wstawianie map do witryny za pomocą shortcode – wszystko, co musisz zrobić, to zdefiniować adres mapy i klucz API Google Maps. Mapa będzie następnie buforowana przez trzy miesiące za pomocą interfejsu API WordPress Transients.
Nie ma strony ustawień, która pomogłaby ci zmodyfikować twoje mapy, ale możesz trochę zmienić rzeczy za pomocą atrybutów.
Istnieją atrybuty do zmiany szerokości i wysokości twojej mapy, wyłączenia przewijania kółkiem myszy i wyłączenia kontrolek mapy.
Jeśli nie potrzebujesz dzwonków i gwizdków, które oferują inne rozwiązania Google Maps, Simple Google Maps Shortcode jest dla Ciebie.
Maps Marker (FREE/€39-plus)
Maps Marker to wtyczka mapowa WordPress, która działa z Google Maps, Open Street Map, Bing, Mapbox i niestandardowymi mapami WMTS. Deweloperzy nadal odnoszą się do wtyczki jako Leaflet Maps Marker na WordPress.org, ale sprzedają ją jako Maps Marker wszędzie indziej.
Wtyczka pozwala dodawać znaczniki dla lokalizacji, a następnie organizować te znaczniki za pomocą warstw. Po dodaniu nowego znacznika można również określić rozmiar mapy i poziom powiększenia, podczas gdy przełączanie z uproszczonego edytora do zaawansowanego edytora ładuje dużą kolekcję ikon do wyboru.
Kompletne mapy można wstawiać do postów i stron za pomocą shortcodes.
Istnieje również strona importu i eksportu dla markerów i warstw, która jest przydatna do tworzenia kopii zapasowych map i przenoszenia ich do innych witryn.
Dedykowana strona narzędzi pozwala na tworzenie kopii zapasowych ustawień i definiowanie domyślnej mapy, która jest używana, wraz z domyślnymi ustawieniami mapy i nie tylko.
Dalsze opcje są dostępne na głównej stronie ustawień, gdzie masz kontrolę nad domyślnymi wartościami mapy, ustawieniami lokalizacji, domyślną mapą bazową (np.Open Streep Map lub Google Maps), nakładkami, warstwami i innymi zaawansowanymi ustawieniami.
Maps Marker Pro jest dostępny od €39 za pojedynczą licencję, z rocznym wsparciem i aktualizacjami. Uaktualnienie odblokowuje wszystkie funkcje pro, które są ograniczone w wersji darmowej, w tym rzeczywistość rozszerzoną, ulepszoną wydajność Map Google, grupowanie markerów, filtrowanie map, ścieżki GPX, ścieżki wysokości i wiele więcej.
Gdy już zrozumiesz, jak markery i warstwy współdziałają z mapami, docenisz, jak potężny jest Marker Map. Wtyczka ma setki ustawień, aby pomóc Ci dostosować mapy, a większość głównych funkcji jest dostępna w bezpłatnej wersji.
Google Maps Widget (FREE/$18.99-plus)
Google Maps Widget to szybko ładujące się rozwiązanie Google Maps, które pomaga zintegrować mapy z obszarami widżetów, takimi jak nagłówek witryny, stopka lub pasek boczny. Szczyci się ponad 100 000 aktywnych instalacji na WordPress.org.
Każda mapa jest skonfigurowana w widżecie mapy i możesz dostosować typ mapy, poziom zoomu i wygląd pinezki – a nawet połączyć mapę z konkretnym adresem URL (np. Stroną kontaktową Twojej witryny). Kiedy użytkownik kliknie na miniaturkę mapy, może zostać przeniesiony do większej interaktywnej mapy, która używa lightboxa do lepszej prezentacji.
Deweloperzy zauważają, że miniaturka Google Maps Widget używa Google Maps Static Maps API do przechowywania map, a ich mapy są ładowane w jednym żądaniu zamiast 20-plus żądań, których potrzebują inne rozwiązania. To może najwyraźniej zmniejszyć całkowity rozmiar strony o 2MB w niektórych przypadkach.
Techniki, których używają do ładowania map, wykraczają poza moje doświadczenie techniczne, ale mogę powiedzieć z przekonaniem, że Google Maps Widget ładuje mapy znacznie szybciej niż inne rozwiązania Google Maps, co jest bez wątpienia jedną z najlepszych cech wtyczki.
W darmowej wersji Google Maps Widget, wszystko co możesz zrobić na stronie ustawień wtyczki to dodać swój klucz API Google Maps. Zaawansowane ustawienia i opcje importowania pinów i widżetów nie są dostępne, chyba że uaktualnisz do wersji pro.
Google Maps Widget Pro kosztuje od zaledwie 18,99 USD rocznie, a oprócz funkcji wymienionych powyżej, uaktualnienie pozwala wstawiać mapy do postów, stron i innych niestandardowych typów postów za pomocą shortcode.
W sumie Google Maps Widget Pro dodaje ponad 50 funkcji, takich jak skórki, obsługa wielu pinezek mapy, grupowanie pinezek mapy i integracja Google Analytics.
Jeśli szukasz szybkiego rozwiązania Google Maps, które integruje się z projektem Twojej witryny, Google Maps Widget to wtyczka dla Ciebie.
Darmowa wersja powinna być wystarczająca dla większości użytkowników, ponieważ daje pełną kontrolę nad każdą mapą. Jednak istnieją wystarczające funkcje w Google Maps Widget Pro, aby uzasadnić aktualizację.
Hero Maps Premium ($20)
Hero Maps Premium to wspaniałe rozwiązanie Google Maps, które pozwala wyświetlać responsywne mapy na pełnym ekranie lub o stałej szerokości.
Trzy pakiety ikon pozwalają dodać profesjonalnie wyglądające znaczniki do map, a także istnieje opcja przesyłania własnych ikon. Wszystko, co musisz zrobić, aby dodać marker, to przeciągnąć i upuścić ikonę na mapę.
Markery mogą być również podzielone na kategorie, aby umożliwić odwiedzającym filtrowanie wyników. Na przykład, możesz mieć kategorie dla hoteli, sklepów, kawiarni i parkingów.
Dostępne są różne schematy kolorów, możesz również rysować kształty na mapach. Wszystkie stworzone mapy można również wyeksportować.
To, co wyróżnia Hero Maps Premium spośród innych rozwiązań, to jego design. Całe doświadczenie korzystania z mapy jest doskonałe – od animowanych markerów po płynne sterowanie zoomem. Filtry również znacznie poprawiają doświadczenie użytkownika.
Hero Maps Premium jest dostępny za jedyne 20$ na CodeCanyon. Polecam sprawdzić demo, aby w pełni docenić, jak stylowe są jego mapy.
WP Google Map Plugin (FREE/$59)
WP Google Map Plugin, nie mylić z WP Google Maps (numer jeden na naszej liście), jest wszechstronnym rozwiązaniem mapowym, które obsługuje markery, wiele typów map i wiele lokalizacji. Obecnie jest aktywny w ponad 100 000 witryn WordPress.
Po dodaniu nowej lokalizacji możesz zdefiniować, co się stanie, gdy użytkownik kliknie na mapę – a także możesz przypisać markery do grupy. W przypadku map możesz ustawić wysokość i szerokość mapy, poziom powiększenia i typ mapy, która ma być używana, a także przypisać wszelkie lokalizacje, które zostały wcześniej utworzone.
Klucz API Google Maps musi zostać wprowadzony na głównej stronie ustawień.
Wersja premium WP Google Map nazywa się 'Advanced Google Maps Plugin for WordPress' – nie WP Google Map Pro. W cenie 59 dolarów jest to najlepiej sprzedająca się wtyczka Google Maps WordPress na CodeCanyon.
Przejście do wersji premium odblokowuje niestandardowe typy postów, skórki map, wskazówki, grupowanie markerów oraz możliwość importowania i eksportowania markerów. Możesz również wyświetlać posty na blogu na mapach.
Dodaje również obsługę zaawansowanych pól niestandardowych, filtrów, nakładek HTML i rysowania za pomocą kształtów.
W WP Google Map Plugin jest wiele do polubienia. Dobrze radzi sobie z wieloma lokalizacjami i wieloma mapami, a także ma świetną dokumentację w obszarze administracyjnym.
Polecam wypróbowanie go.
Store Locator (Google Maps) For WordPress ($25)
Właściciele sklepów internetowych powinni sprawdzić Store Locator (Google Maps) For WordPress. Wtyczka ta może być używana do tworzenia map, które wyświetlają sklepy w pobliżu lokalizacji użytkownika.
Jest wyposażona w trzy różne style szablonów i pozwala na wyświetlanie lokalizacji za pomocą listy lub stylu akordeonowego, podczas gdy markery i klastry markerów są również dostępne. Wszystkie te cechy dają ci pewną elastyczność w wyglądzie twojej mapy.
Wszystkie sklepy mogą być podzielone na kategorie, a ty możesz wyświetlić pole przedmiotu dla każdego sklepu. Listę sklepów można zaimportować za pomocą pliku arkusza kalkulacyjnego XLS, a nawet dołączyć logo lub obraz do pola pozycji, aby sklep się wyróżniał.
Kupujący mają do dyspozycji wiele funkcji, które pomogą im znaleźć sklep, którego szukają.
Mogą oni wprowadzić lokalizację do mapy lub wybrać lokalizację automatycznie, korzystając z funkcji geolokalizacji zapewnianej przez przeglądarki.
Pod główną mapą znajduje się duży panel kontrolny, który pozwala kupującym na zmianę wyglądu mapy i tego, co jest na niej wyświetlane. Mapa może się drastycznie zmienić, gdy opcje takie jak szablon i domyślna mapa zostaną zmodyfikowane.
Store Locator (Google Maps) For WordPress kosztuje 25$ z CodeCanyon.
Z wszystkimi funkcjami i ustawieniami ukierunkowanymi na tworzenie list sklepów, Store Locator nie jest dla każdego. Jednak ci, którzy prowadzą sklepy internetowe i katalogi firm, docenią to, co oferuje ta wtyczka.
10Web Google Maps (FREE/$30-plus)
10Web Google Maps to świetna wtyczka Google Maps WordPress, która pozwala wstawiać mapy do treści za pomocą shortcodes lub integrować mapy z projektem witryny za pomocą PHP.
Główna strona tworzenia mapy pozwala dodawać markery, a także kształty, takie jak wielokąty i polilinie. Proces dodawania kształtów jest prosty: Wystarczy, że przewiniesz do miejsca na mapie, w którym chcesz rozpocząć kształt i klikniesz prawym przyciskiem myszy. Następnie powtórz ten proces dla pozostałych punktów kształtu.
Osiem zakładek ustawień jest dostępnych dla każdej tworzonej mapy i możesz zmienić typ mapy, poziom zoomu, elementy sterujące, warstwy i inne.
Jest nawet opcja włączenia funkcji lokalizatora sklepu do Twojej mapy. Niektóre funkcje, takie jak wskazówki i lista markerów, nie są dostępne w wersji darmowej, ale większość głównych funkcji i ustawień jest dostępna.
10Web Google Maps Pro dodaje obsługę rysowania okręgów i prostokątów oraz możliwość importowania i eksportowania map.
Inne funkcje, które uaktualnienie odblokowuje, obejmują konfigurowalne skórki map, kierunki i filtry kategorii markerów.
Wersja pro kosztuje tylko 30 dolarów, ale inne plany są dostępne z dłuższymi okresami wsparcia i obsługą dodatkowych domen.
Z obsługą warstw, kształtów, markerów i innych przydatnych funkcji, łatwo jest zobaczyć, dlaczego darmowa wersja 10Web Google Maps okazała się tak popularna wśród użytkowników WordPress.
Honourable Mentions
Istnieje mnóstwo rozwiązań Google Maps dostępnych dla użytkowników WordPressa, a standard jest ogólnie bardzo dobry.
Podczas moich badań do tego artykułu przetestowałem wiele wtyczek WordPress, które po prostu nie trafiły do cięcia.
Jeśli szukasz prostego rozwiązania, Very Simple Google Maps jest dobrą alternatywą dla Simple Google Maps Shortcode, ponieważ może być również używany do szybkiego dodawania map za pomocą shortcodes. Innym podstawowym rozwiązaniem, które warto sprawdzić, jest przyjazne dla Gutenberga rozwiązanie mapowe Google Maps Gutenberg Block i łatwa w użyciu Simple Google Map.
Google Maps Bank i CP Google Maps to zarówno świetne rozwiązania mapowe, ale większość opcji jest ograniczona do wersji pro. Podczas gdy wersje pro są stosunkowo tanie, istnieją lepsze alternatywy dla tych, którzy są gotowi wydać pieniądze.
Rozwiązanie Google Maps firmy Supsystic, Google Maps Easy (39 USD za wersję pro), i alternatywy Google Maps plugin, Ultimate Maps by Supsystic (również 39 USD za wersję pro), są skonfigurowane znacznie lepiej pod tym względem. Obie wtyczki WordPress dają dostęp do setek opcji w bezpłatnej wersji i zawierają wiele funkcji, za które inni deweloperzy pobierają opłaty. Zdecydowanie warto się im przyjrzeć.
Inne darmowe wtyczki Google Maps do sprawdzenia to Intergeo Maps, Google Maps CP, WP Google Map, Novo-Map i Flexible Map.
Wreszcie, mamy rozwiązania premium Google Maps, które są dostępne na CodeCanyon. Przyjrzeliśmy się już kilku z nich, w tym wtyczce Google Maps Locator dla WordPressa, Hero Maps Premium i Store Locator (Google Maps) For WordPress. Jednak na CodeCanyon są też inne dobre rozwiązania.
W szczególności 5sec Google Maps PRO ($20) i Google Maps ($20) wyróżniają się ze względu na ilość funkcji i opcji w ofercie, a także profesjonalne projekty map.
Pewnie sprawdź również WP Advanced Google Maps ($30), Advanced Google Maps ($13) i Responsive Styled Google Maps ($16).
Final Thoughts
Nie stwierdziłem, że jedna konkretna wtyczka Google Maps WordPress była „najlepsza”, więc naprawdę sprowadza się do tego, jaki jest Twój budżet i jakie są Twoje potrzeby, ponieważ większość rozwiązań oferuje pewne funkcje, których nie można znaleźć gdzie indziej.
Powinieneś zatem przetestować tyle rozwiązań, ile możesz, aby zobaczyć, które z nich najlepiej pasuje do Ciebie i Twojej witryny.
Z ponad 400 000 aktywnych instalacji, WP Google Maps to dobry punkt wyjścia, aby zobaczyć, co jest możliwe z Google Maps. Jednakże, jeśli nie szukasz zaawansowanych funkcji, powinieneś zdecydowanie dać podstawowe rozwiązania, takie jak Simple Google Maps Shortcode i Google Maps Widget a try.
Jaka jest Twoja ulubiona wtyczka Google Maps? Thoughts?
