Inserisci nella tua pagina web una mappa interattiva o una panoramica in Street View con una semplice Richiesta HTTP: non è necessario JavaScript.
Costi
Tutte le richieste API Maps Embed sono disponibili senza costi aggiuntivi con utilizzo illimitato. Tuttavia, tutte le richieste richiedono comunque una chiave API Google Cloud valida. Per ulteriori informazioni, consulta la sezione Utilizzo e fatturazione.
Prima di iniziare
Per creare una mappa incorporata nella tua pagina web, completa la procedura di configurazione richiesta facendo clic sulle seguenti schede:
Passaggio 1
Console
-
Nella console Google Cloud, nella pagina del selettore progetti, fai clic su Crea progetto per iniziare a creare un nuovo progetto Cloud progetto.
-
Verifica che la fatturazione sia attivata per il tuo progetto Cloud. Verifica che la fatturazione sia abilitata per il tuo progetto.
Google Cloud offre una prova con addebito di 0,00 $. La prova scade ogni 90 giorni giorni o dopo che l'account ha accumulato addebiti per un importo pari a 300 €, a seconda dell'evento che si verifica per primo. Annulla in qualsiasi momento. Google Maps Platform offre un credito mensile ricorrente di 200 $. Per maggiori informazioni le informazioni, vedi Crediti dell'account di fatturazione e Fatturazione.
Cloud SDK
gcloud projects create "PROJECT"
Scopri di più sugli SDK Google Cloud , Installazione di Cloud SDK e i seguenti comandi:
Passaggio 2
Per utilizzare Google Maps Platform, devi abilitare le API o gli SDK che prevedi di utilizzare con il progetto.
Console
Cloud SDK
gcloud services enable \ --project "PROJECT" \ "maps-embed-backend.googleapis.com"
Scopri di più sugli SDK Google Cloud , Installazione di Cloud SDK e i seguenti comandi:
Passaggio 3
Questo passaggio esegue solo la procedura di creazione della chiave API. Se utilizzi la chiave API in produzione, ti consigliamo vivamente di limitare la chiave API. Puoi trovare altre Informazioni sulla pagina Utilizzo delle chiavi API specifica per il prodotto.
La chiave API è un identificatore univoco che autentica le richieste associate al tuo progetto per per scopi di utilizzo e fatturazione. Devi avere almeno una chiave API associata al tuo progetto.
Per creare una chiave API:
Console
-
Vai a Google Maps Platform > Credenziali.
-
Nella pagina Credenziali, fai clic su Crea credenziali > chiave API.
Nella finestra di dialogo Chiave API creata viene visualizzata la chiave API appena creata. -
Fai clic su Chiudi.
La nuova chiave API è indicata nella pagina Credenziali, nella sezione Chiavi API.
Ricordati di limitare l'API prima di utilizzarla in produzione).
Cloud SDK
gcloud alpha services api-keys create \ --project "PROJECT" \ --display-name "DISPLAY_NAME"
Scopri di più sugli SDK Google Cloud , Installazione di Cloud SDK e i seguenti comandi:
Generazione di un iframe
Fai clic sulle seguenti opzioni e aggiungi una località e una chiave API da generare un iframe per la tua pagina web. Per ulteriori parametri e opzioni, consulta la sezione Incorporare una mappa.
Test dell'iframe
Per visualizzare l'iframe in una finestra del browser HTML:
- Apri l'editor di testo predefinito. Dovresti avere editor di testo come TextEdit o Microsoft Windows Notepad installati sul dispositivo per impostazione predefinita.
- Crea un file HTML e assegnagli il nome
index.html
. Aggiungi il seguente codice con l'iframe generato sopra:
<html> <!-- Replace this code comment with your iframe. --> </html>
Salva il file HTML
index.html
.Carica il file HTML in un browser web trascinandolo dal desktop su il tuo browser; oppure fare doppio clic sul file funziona sulla maggior parte e sistemi operativi diversi.
Complimenti! Hai appena configurato e creato una mappa utilizzando API Maps Embed.
esegui la pulizia
Puoi eliminare il tuo progetto Google Cloud per interrompere la fatturazione per tutte le risorse utilizzate all'interno del progetto.
- Nella console Google Cloud, vai alla pagina Gestisci risorse:
- Se il progetto che intendi eliminare è associato a un'organizzazione, seleziona ed espandi organizzazione nella parte superiore della pagina.
- Nell'elenco dei progetti, seleziona il progetto che vuoi eliminare e fai clic su Elimina.
- Nella finestra di dialogo, digita l'ID progetto e fai clic su Chiudi per eliminare il progetto.
Passaggi successivi
Inizia a sviluppare con l'API Maps Embed configurando il tuo Progetto Google Cloud:
Per un elenco di parametri e opzioni aggiuntivi che puoi aggiungere nel tuo iframe:
Estendi il tuo progetto Maps con l'API JavaScript: