# Alternatywa dla Google Maps w WordPress? MapBox za darmo

Mimo że od podwyżek cen Google Maps API minęło trochę czasu — nadal wiele stron nie skonfigurowało ich poprawnie, a jeżeli to zrobiło, to **naraża się na 14 razy większe ceny**!

W dzisiejszym wpisie pokażę **najlepszy wg Mnie zamiennik dla Google Maps — MapBox.**

Z uwagi na fakt, że MapBox posiada gotową wtyczkę dla WordPress, jest to najprostszy sposób na zmianę obecnych map na nowe oraz jednocześnie najlepsza alternatywa dla Google Cloud.

## **Dlaczego prawdopodobnie zrezygnujesz z map od Google?**

Do niedawna mogłeś bezpłatnie wyświetlić mapy 750.000 razy, a aktualnie ok. 28.000 razy.

Jak można przeczytać i zobaczyć na wykresie [na blogu GdziePoLek](https://www.gdziepolek.pl/blog/pozegnanie-z-google-maps) drastycznie zwiększa to koszty prowadzenia jakiegokolwiek biznesu, gdzie Mapy są jego integralną częścią.

**W przypadku wspominanego serwisu, koszt korzystania z map Google w miesiącu zwiększa się z 0$ do 5000$!**

*

Wynika to z faktu, że limit darmowych wyświetleń został drastycznie zmniejszony, jednocześnie zwiększając cenę za korzystanie z API [Google Maps](https://jaworowi.cz/tag/google-maps) **z 0,50$ do 7$ za 1000 wyświetleń**.

Inspiracją do tego artykułu było pytanie jednego z większych klientów, który miał podobny dylemat z nagle wzrastającymi i nieprzewidzianymi wydatkami – „**Co zamiast Google Maps?**„.

## **MapBox jako alternatywa dla Google Maps**

**[MapBox](https://www.mapbox.com/about/maps/)** to jedno z rozwiązań opartych o Open Source z rozbudowanym i prostym API oraz przystępnym cennikiem, który pozwoli niskim kosztem prowadzić nawet duże serwisy internetowe.

**[Cennik MapBox](https://apps.jaworowi.cz/go/idz.php?v=mapbox-cennik&sm_tag=WORDPRESS.sm&sm_click=postadlink.sm)** jest bardzo prosty — **50.000 bezpłatnych wyświetleń map miesięcznie** (w zależności od rodzaju mapy to cena za 4 do 15 kafelków) — w aplikacjach webowych i mobilnych, a **po przekroczeniu bezpłatnego limitu 0,50$ za każde kolejne, rozpoczęte 1000 wyświetleń**.

Poniżej przedstawiono porównanie trzech dostawców Map: Google Maps, MapBox i MapTiler z kosztem za 15.000 wyświetleń mapy — kolejno 80$, i 9$ dla alternatywnych dostawców.

![gdziepolek koszty google maps cennik](https://jaworowi.cz/wp-content/uploads/2018/12/koszt-map-15000-wizyt-gdziepolek.jpg)

Nas interesuje integracja MapBox z CMS WordPress i to właśnie dzisiaj się tym zajmiemy — w mniej niż 10 minut.

## **Integracja MapBox z WordPress w 10 minut**

Krokiem pierwszym będzie oczywiście założenie konta w MapBox, aby to zrobić, należy przejść na główną stronę usługi i kliknąć „Start Building*„:

*

Następnie, w formularzu rejestracyjnym podać wymagane informacje i potwierdzić adres e—mail (wymagane będzie podanie ponownie hasła):

![mapbox utworzenie bezpłatnego konta](https://jaworowi.cz/wp-content/uploads/2018/12/mapbox-wordpress-alternatywa-google-maps-api-1.png)

Po czym zaloguj się na konto — przyciskiem „Sign In*„:

*

Skopiuj sobie token autoryzacyjny usługi — przyda się w trakcie instalacji:

![konfiguracja tokena API na stronie usługi mapbox](https://jaworowi.cz/wp-content/uploads/2018/12/mapbox-wordpress-zamiennik-google-maps-api.jpg)

Teraz przejdź do kokpitu strony opartej o WordPress, a dokładnie do ekranu „Wtyczki > Dodaj nową” i wyszukaj wtyczkę „[Mapster WP Maps](https://wordpress.org/plugins/mapster-wp-maps/)” „WP Mapbox GL JS Maps” **—** zainstaluj ją i włącz:

![Pomyśl o tym](https://cdn.jaworowi.cz/wp-content/uploads/2023/01/idea.png)Zmieniła się wtyczka, ale konfiguracja jest w 99% bliźniacza — aktualizacja 05.2020r. 

![WP MAPBOX GL JS MAPS wtyczka](https://jaworowi.cz/wp-content/uploads/2018/12/mapbox-wordpress-zamiennik-google-maps-api-1.jpg)

Wtyczka jest **zgodna z WordPress 5.0**, a więc możesz zainstalować ją bez obaw, gdyż jest na bieżąco aktualizowana i wspierana.

Po aktywacji pokaże się Tobie ekran powitalny, kliknij „the settings page*” i wklej *Access Token* oraz zapisz zmiany:

*

![konfiguracja klucza api mapbox we wtyczce wordpress](https://jaworowi.cz/wp-content/uploads/2018/12/mapbox-wordpress-zamiennik-google-maps-api-3.jpg)

## **Dodawanie mapy MapBox do treści strony (shortcode)**

Mamy za sobą połowę pracy, teraz czas na wygenerowanie mapy, która będzie wyświetlać się na stronie.

Podobnie jak w większości tego typu wtyczek w WordPress, mamy generator map, a właściwie krótkiego kodu do wklejenia, co ma też dodatkowy plus — zmiana ustawień mapy w jednym miejscu, spowoduje zmianę we wszystkich miejscach, gdzie jest wykorzystana.

Przejdź do zakładki „MapBox Maps > Add New*” oraz nadaj jej jakąś nazwę, oraz po prawej stronie wybierz opcje, które chcesz, aby były na niej dostępne np. wskaźniki dojazdu („Directions”), możliwość przybliżania i przesuwania („*Zoom & Pan*„) lub tryb pełnego ekranu („*Fullscreen*„). Możesz ustawić też styl/wygląd mapy:

*

Pod podglądem mapy wpisz adres, oraz kliknij „Add marker by Address*„, a podgląd się zaktualizuje, a po tym podgląd mapy ustaw na odpowiedni poziom przybliżenia i położenia:

*

Kiedy już to zrobisz, kliknij marker i ikonę ołówka, aby ustawić zawartość „dymka”, który ma się pojawić po kliknięciu lub załadowaniu mapy, a automatyczne jego otwieranie możesz ustawić pod mapą, klikając „Popup open on load*„

*

![mapbox wtyczka wordpress](https://jaworowi.cz/wp-content/uploads/2018/12/mapbox-wordpress-zamiennik-google-maps-api-5.jpg)

Po kliknięciu „Opublikuj*” zobaczysz kod ([shortcode](https://jaworowi.cz/wylaczenie-shortcode-wordpress-14600.php)), który możesz wkleić w treści strony, na której ma się ona wyświetlać.

![instalacja i konfiguracja map od mapbox w wordpress](https://jaworowi.cz/wp-content/uploads/2018/12/mapbox-wordpress-zamiennik-google-maps-api-6.jpg)

A tak to wygląda po publikacji strony z mapą (wygląd może się różnić w zależności od motywu, wtyczek i wersji CMS WordPress):

![mapbox jako alternatywa dla google maps](https://jaworowi.cz/wp-content/uploads/2018/12/mapbox-wordpress-alternatywa-google-maps-api-5.png)

To wszystko. To nowa alternatywa dla Google Maps, ale wg mnie to bardzo dobry wybór, biorąc też pod uwagę ich aspiracje i plany na przyszłość oraz łatwość, z jaką można zintegrować dowolną stronę opartą o WordPress (i nie tylko) z ich API.