Jak dodać Mapy Google

Obejrzyj samouczek dotyczący dodawania Map Google lub przeczytaj poniższy przewodnik.

Google zmieniło zasady korzystania z Google Maps. Aby dodać Mapę Google do swojej witryny, musisz teraz zdobyć klucz do JavaScript API, określić go w ustawieniach bloku mapy i połączyć kartę opaski ze swoim kontem Google.
Przejdź do tej strony:
https://console.cloud.google.com/google/maps-apis/overview.
Utwórz nowy projekt lub wybierz istniejący. Kliknij Utwórz.
Wybierz Interfejs API JavaScript Map (Interfejs API JavaScript w Mapach).
Aktywuj usługę, klikając Włącz.
Przejdź do zakładki "Poświadczenia" i kliknij Poświadczenia w interfejsach API i usługach.
Następnie kliknij Utwórz poświadczenia i wybierz klucz API z listy rozwijanej.
Kliknij Ogranicz klucz w wyskakującym oknie.
Zaznacz pole wyboru "HTTP referrers (web sites)", wpisz nazwę domeny w polu strony odsyłającej, aby autoryzować mapę, a następnie zaznacz pole wyboru "Restrict key" (Ogranicz klucz).
Porady i wskazówki: wpis https://tilda.cc/* jest opcjonalny. Umożliwia podgląd mapy w Edytorze Tilda. W przeciwnym razie mapa będzie dostępna tylko za pośrednictwem linku do domeny.

Po zakończeniu edycji witryny usuń drugi wpis ze względów bezpieczeństwa. Dowiedz się więcej o tym, jak zabezpieczyć klucz interfejsu API.
Z listy rozwijanej wybierz pozycję Interfejs API JavaScript Map i zapisz zmiany.
Uwaga: Mapy Google niedawno zmieniły swoje zasady, więc musisz teraz włączyć rozliczenia na swoim koncie , zanim otrzymasz klucz. Dowiedz się więcej o cenach w Mapach Google.
Przejdź do zakładki "Płatności", aby powiązać kartę bankową ze swoim kontem.
Po zakończeniu przejdź do Poświadczeń i skopiuj klucz.
Przejdź do swojego projektu na Tildzie, dodaj blok z mapą z kategorii "Inne" do strony (na przykład T143), otwórz panel Zawartość bloku i wklej klucz w polu "Mapuj klucz API". Zapisz zmiany i opublikuj stronę.
Rozwiązywanie problemów
P: Wprowadziłem klucz API w bloku mapy, ale mapa pojawia się tylko w opublikowanej wersji strony. W edytorze błąd "Ups! Coś poszło nie tak". Jak go rozwiązać?
Odp.: Ten błąd występuje zwykle po ograniczeniu klucza API. Aby uniemożliwić osobom trzecim użycie Twojego klucza API na swojej stronie internetowej, zalecamy zapewnienie dostępu wyłącznie do nazwy Twojej domeny. Dowiedz się więcej o tym , jak zabezpieczyć klucz API .

Aby tymczasowo włączyć podgląd mapy w Edytorze Tilda, autoryzuj https://tilda.cc/* na platformie Google Maps i odbierz dostęp później.
Wykonane na
Tilda