Krótkie wprowadzenie do Maps Embed API

Umieść na stronie interaktywną mapę lub panoramę Street View za pomocą prostego Żądanie HTTP – JavaScript nie jest wymagany.

Koszty

Wszystkie żądania interfejsu Maps Embed API są dostępne bezpłatnie w nieograniczone wykorzystanie. Wszystkie żądania nadal wymagają jednak prawidłowego klucza interfejsu Google Cloud API. Więcej informacji znajdziesz w artykule Korzystanie z usługi i rozliczenia.

Zanim zaczniesz

Aby utworzyć mapę umieszczoną na swojej stronie internetowej, wykonaj wymagane czynności konfiguracyjne przez klikając następujące karty:

Krok 1

Konsola

  1. Na stronie selektora projektów w konsoli Google Cloud kliknij Utwórz projekt, aby rozpocząć tworzenie nowego projektu Cloud. w projektach AI.

    Otwórz stronę selektora projektów

  2. Sprawdź, czy w projekcie Cloud włączone są płatności. Sprawdź, czy w projekcie są włączone płatności.

    Google Cloud oferuje okres próbny w wysokości 0,00 USD. Okres próbny kończy się po upływie każdego końca 90 dni lub po naliczeniu na koncie opłat w wysokości 300 USD, zależnie od tego, co nastąpi wcześniej. Anuluj w każdej chwili. Google Maps Platform oferuje cykliczne środki w wysokości 200 USD miesięcznie. Więcej Więcej informacji zawiera Środki na koncie rozliczeniowym i Płatności.

Pakiet SDK Cloud

gcloud projects create "PROJECT"

Przeczytaj więcej na temat Pakiet SDK Google Cloud , Instalacja pakietu SDK Cloud oraz tych poleceń:

Krok 2

Aby używać Google Maps Platform, musisz włączyć interfejsy API lub pakiety SDK, których chcesz używać w projekcie.

Konsola

Włączanie interfejsu Maps Embed API

Pakiet SDK Cloud

gcloud services enable \
    --project "PROJECT" \
    "maps-embed-backend.googleapis.com"

Przeczytaj więcej na temat Pakiet SDK Google Cloud , Instalacja pakietu SDK Cloud oraz tych poleceń:

Krok 3

Ten krok wykonuje się tylko w procesie tworzenia klucza interfejsu API. Jeśli używasz klucza interfejsu API w w środowisku produkcyjnym zdecydowanie zalecamy ograniczenie klucza interfejsu API. Więcej informacji na ten temat znajdziesz na stronie Using API Keys (Używanie kluczy interfejsu API) w danej usłudze.

Klucz interfejsu API to unikalny identyfikator, który uwierzytelnia żądania powiązane z projektem w: użytkowania i rozliczeń. Musisz mieć co najmniej 1 klucz interfejsu API powiązany z projektem.

Aby utworzyć klucz interfejsu API:

Konsola

  1. Otwórz Google Maps Platform > Dane logowania.

    Otwórz stronę Dane logowania

  2. Na stronie Dane logowania kliknij Utwórz dane logowania > API.
    W oknie Utworzono klucz interfejsu API pojawi się nowo utworzony klucz interfejsu API.
  3. Kliknij Zamknij.
    Nowy klucz interfejsu API znajdziesz na stronie Dane logowania w sekcji Klucze interfejsu API.
    (Pamiętaj o ograniczeniu dostępu do interfejsu API przed użyciem w środowisku produkcyjnym).

Pakiet SDK Cloud

gcloud alpha services api-keys create \
    --project "PROJECT" \
    --display-name "DISPLAY_NAME"

Przeczytaj więcej na temat Pakiet SDK Google Cloud , Instalacja pakietu SDK Cloud oraz tych poleceń:

Generowanie elementu iframe

Kliknij poniższe opcje i dodaj lokalizację oraz klucz interfejsu API, które chcesz wygenerować element iframe Twojej strony internetowej. Dodatkowe parametry i opcje znajdziesz w artykule Umieszczanie mapy.

Testowanie elementu iframe

Aby wyświetlić element iframe w oknie przeglądarki HTML:

  1. Otwórz domyślny edytor tekstu. Są to edytory tekstu, takie jak TextEdit lub Notatnik Microsoft Windows domyślnie zainstalowane na urządzeniu.
  2. Utwórz plik HTML i nadaj mu nazwę index.html.

  3. Dodaj ten kod wraz z wygenerowanym powyżej elementem iframe:

    <html>
  <!-- Replace this code comment with your iframe. -->
</html>

  4. Zapisz plik HTML index.html.

  5. Wczytaj plik HTML w przeglądarce, przeciągając go z pulpitu do obszaru przeglądarki; dwukrotne kliknięcie pliku działa na większości systemów operacyjnych.

Gratulacje! Właśnie skonfigurowałeś i stworzyłeś mapę za pomocą Maps Embed API.

Czyszczenie

Możesz usunąć swój projekt Google Cloud, aby zatrzymać naliczanie opłat za wszystkie używane zasoby w ramach tego projektu.

  1. W konsoli Google Cloud otwórz stronę Zarządzanie zasobami:

    Otwórz stronę Zarządzanie zasobami

  2. Jeśli projekt, który chcesz usunąć, jest połączony z organizacją, wybierz i rozwiń organizacji u góry strony.
  3. Na liście projektów wybierz projekt do usunięcia i kliknij Usuń.
  4. W oknie wpisz identyfikator projektu i kliknij Wyłącz, aby usunąć projekt.

Dalsze kroki