Krótkie wprowadzenie do Maps Umieszczanie API

Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.

Umieść na swojej stronie internetowej interaktywną mapę lub panoramę Street View za pomocą prostego żądania HTTP – bez JavaScriptu.

Koszty

Wszystkie żądania do interfejsu API Map Google do umieszczania na stronie są dostępne bezpłatnie i bez ograniczeń użycia. Jednak wszystkie żądania nadal wymagają prawidłowego klucza interfejsu Google Cloud API. Więcej informacji znajdziesz w artykule Użycie i płatności.

Zanim zaczniesz

Aby utworzyć umieszczoną mapę na stronie internetowej, wykonaj wymagane czynności konfiguracyjne, klikając poniższe karty:

Krok 1

Konsola

  1. W konsoli Google Cloud na stronie wyboru projektu kliknij Utwórz projekt, aby zacząć tworzyć nowy projekt Cloud.

    Otwórz stronę selektora projektów

  2. Sprawdź, czy w projekcie Cloud włączone są płatności. Upewnij się, że płatności w Twoim projekcie są włączone.

    W ramach okresu próbnego Google Cloud może być 0,00 USD. Okres próbny kończy się po 90 dniach lub po naliczeniu opłat na kwotę 300 USD, w zależności od tego, co nastąpi wcześniej. W każdej chwili możesz zrezygnować. Google Maps Platform oferuje cykliczną kwotę w wysokości 200 USD miesięcznie. Więcej informacji znajdziesz w artykułach Środki na koncie rozliczeniowym i Płatności.

(pakiet) SDK Cloud

gcloud projects create "PROJECT"

Dowiedz się więcej o pakiecie SDK Google Cloud, instalowaniu pakietu SDK Cloud i o tych poleceniach:

Krok 2

Aby korzystać z Google Maps Platform, musisz włączyć interfejsy API lub pakiety SDK, których zamierzasz użyć w projekcie.

Konsola

Włączanie interfejsu API Map Google do umieszczania na stronie

(pakiet) SDK Cloud

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

Dowiedz się więcej o pakiecie SDK Google Cloud, instalowaniu pakietu SDK Cloud i o tych poleceniach:

Krok 3

Ten krok obejmuje tylko proces tworzenia klucza interfejsu API. Jeśli używasz klucza interfejsu API w środowisku produkcyjnym, zdecydowanie warto ograniczyć jego klucz. Więcej informacji znajdziesz na stronie Używanie kluczy interfejsu API danej usługi.

Klucz interfejsu API to unikalny identyfikator uwierzytelniający żądania powiązane z Twoim projektem do celów rozliczeniowych i użytkowania. Z Twoim projektem musi być powiązany co najmniej jeden klucz interfejsu API.

Aby utworzyć klucz interfejsu API:

Konsola

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

    Otwórz stronę Dane logowania

  2. Na stronie Dane logowania kliknij Utwórz dane logowania > Klucz interfejsu API.
    W oknie Utworzono klucz API wyświetla 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, aby ograniczyć używanie klucza interfejsu API przed jego użyciem w środowisku produkcyjnym).

(pakiet) SDK Cloud

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

Dowiedz się więcej o pakiecie SDK Google Cloud, instalowaniu pakietu SDK Cloud i o tych poleceniach:

Generowanie elementu iframe

Kliknij przycisk poniżej, aby dodać lokalizację i klucz interfejsu API, aby wygenerować element iframe dla swojej strony internetowej. Więcej informacji o parametrach i opcjach 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. Domyślnie powinny być zainstalowane na urządzeniu edytory tekstu, takie jak TextEdit lub Microsoft Windows Notepad.
  2. Utwórz plik HTML i nazwij go index.html.

  3. Dodaj ten kod 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 komputera do przeglądarki. W większości systemów operacyjnych możesz też kliknąć dwukrotnie plik.

Gratulacje! Udało Ci się skonfigurować i utworzyć mapę za pomocą interfejsu Maps embed API.

Czyszczenie

Możesz usunąć projekt Google Cloud, aby zatrzymać naliczanie opłat za wszystkie zasoby używane w tym projekcie.

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

    Otwórz stronę Zarządzanie zasobami

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

Dalsze kroki