Panoramica

Le funzioni con tecnologia WebGL per l'API Maps JavaScript consentono di controllare l'inclinazione e la rotazione, aggiungere oggetti 3D direttamente sulla mappa e altro ancora. La sono incluse le seguenti funzionalità:

Inizia

Per utilizzare le nuove funzionalità di WebGL, è necessario un ID mappa che utilizzi mappa vettoriale. Dovrai inoltre aggiorna la richiesta di bootstrap dell'API. In questa sezione viene illustrato come fare.

Crea un nuovo ID mappa

Per creare un nuovo ID mappa, segui la procedura descritta in Utilizzo della personalizzazione della mappa basata su cloud - Ottieni un ID mappa. Assicurati di impostare il tipo di mappa su JavaScript e seleziona la colonna Vettore. . Seleziona Inclinazione e/o Rotazione per attivare l'inclinazione e la rotazione sulla mappa. In questo modo potrai modificare in modo programmatico questi valori, oltre a consente agli utenti di regolare l'inclinazione e la direzione direttamente sulla mappa. Se utilizzi l'inclinazione o influisce negativamente sull'app, lascia le opzioni Inclinazione e Rotazione disattivate. selezionata, in modo che gli utenti non siano in grado di regolare l'inclinazione e la rotazione.

Crea ID mappa vettoriale

Aggiorna il codice di inizializzazione della mappa

È necessario l'ID mappa che hai appena creato. Puoi trovarlo sul tuo Mappe Gestione. Fornisci un ID mappa quando crei un'istanza della mappa utilizzando il metodo Proprietà mapId come mostrato qui:

map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: -34.397, lng: 150.644},
  zoom: 8,
  mapId: 'MAP_ID'
});

Esempi

Sono stati forniti esempi per dimostrare queste funzionalità: