Konfiguracja OpenStreet Map oraz Google Maps

Summary: Sprawdź, w jaki sposób skonfigurować mapy Google oraz OpenStreet Map w sklepie na platformie AtomStore.

Z artykułu dowiesz się, w jaki sposób skonfigurować mapy OpenStreet Map oraz Google Maps w sklepie na platformie AtomStore.

Konfiguracja OpenStreet Map

1. Przejdź do Ustawienia Konfiguracja sklepu Kurierzy Mapy punktów odbioru .

2. Rozwiń listę. Wyświetlona zostanie lista ustawień, które należy skonfigurować:

• Korzystaj z map – wybór mapy, z której będziesz korzystać (do wyboru: OpenStreetMap, Google Maps oraz Google Maps v2020) → wybierz OpenStreetMaps;
• Pozwalaj na jednoczesny wybór punktu z listy rozwijanej – dotyczy jedynie map w wersji 2020;
• Ukryj domyślnie mapę z punktami odbioru (mapa wyświetli się po kliknięciu przycisku ‘pokaż mapę’) – dotyczy jedynie map w wersji 2020;
• Stronicowanie na liście rozwijanej – dotyczy jedynie map w wersji 2020 (istotne przy domyślnie ukrytej mapie).

3. Zapisz dane. 

4. Przejdź do koszyka. Po wyborze odpowiedniej formy dostawy (np. Poczta Polska – odbiór w punkcie) zostanie wyświetlona mapa punktów odbioru wygenerowana przez OpenStreet Map.

Konfiguracja Map Google v2020

Generowanie klucza API do map Google

1. Przejdź do Google Cloud Console .

2. Utwórz nowy projekt lub wybierz już istniejący z menu rozwijanego u góry.

3. Następnie, otwórz menu z lewej strony ekranu i wybierz: Interfejsy API i usługi .

4. W wyszukiwarce wpisz: Maps JavaScript API , a następnie kliknij przycisk: Włącz .

5. Przejdź z powrotem do zakładki Dane logowania (Credentials) w menu po lewej.

6. Kliknij Utwórz dane logowania , a następnie wybierz: Klucz interfejsu API .

7. Skopiuj ciąg znaków, który został wygenerowany.

Więcej informacji znajdziesz w dokumentacji Google.

Konfiguracja ustawień w panelu sklepu

1. Przejdź do Ustawienia Konfiguracja sklepu Kurierzy Mapy punktów odbioru .

2. Rozwiń listę. Wyświetlona zostanie lista ustawień, które należy skonfigurować:

• Korzystaj z map – wybór mapy, z której będziesz korzystać (do wyboru: OpenStreetMap, Google Maps oraz Google Maps v2020) → wybierz Mapy Google v2020;
• Pozwalaj na jednoczesny wybór punktu z listy rozwijanej – dotyczy jedynie map w wersji 2020;
• Ukryj domyślnie mapę z punktami odbioru (mapa wyświetli się po kliknięciu przycisku ‘pokaż mapę’) – dotyczy jedynie map w wersji 2020;
• Stronicowanie na liście rozwijanej – dotyczy jedynie map w wersji 2020 (istotne przy domyślnie ukrytej mapie).

3. Następnie, przejdź do zakładki Google Map . W tym miejscu wpisz klucz API, który posłuży do integracji z mapami Google.

4. Zapisz dane. 

5. Po przejściu do koszyka zakupowego i wyborze odpowiedniej formy dostawy (analogicznie jak w przypadku OpenStreet Map może to być przykładowo Poczta Polska – odbiór w punkcie) zostanie wyświetlona mapa wygenerowana przez Google.