Le funzionalità basate su WebGL per l'API Maps JavaScript consentono di controllare l'inclinazione e la rotazione, aggiungere oggetti 3D direttamente alla mappa e altro ancora. Sono incluse le seguenti funzionalità:
- La visualizzazione sovrapposta WebGL ti consente di aggiungere contenuti animati e grafiche 2D e 3D personalizzate alle tue mappe.
- Ora l'inclinazione e l'intestazione possono essere regolate in modo programmatico, tramite i gesti del mouse e della tastiera.
- map.moveCamera() ti consente di modificare contemporaneamente più proprietà della fotocamera.
- Zoom ora supporta i valori frazionari.
Inizia
Per utilizzare le nuove funzionalità di WebGL, è necessario un ID mappa che utilizzi la mappa vettoriale. Dovrai inoltre aggiornare 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 degli stili della mappa basati su cloud - Ottenere un ID mappa. Assicurati di impostare il tipo di mappa su JavaScript e seleziona l'opzione Vettore. Seleziona Inclinazione e/o Rotazione per abilitare l'inclinazione e la rotazione sulla mappa. In questo modo potrai regolare questi valori in modo programmatico e agli utenti potrai anche modificare l'inclinazione e la direzione direttamente sulla mappa. Se l'uso dell'inclinazione o dell'orientamento influisce negativamente sull'app, lascia deselezionate Inclinazione e Rotazione in modo che gli utenti non possano regolare l'inclinazione e la rotazione.
Aggiorna il codice di inizializzazione della mappa
È necessario l'ID mappa che hai appena creato. È disponibile nella pagina Gestione di Maps. Fornisci un ID mappa quando crei un'istanza della mappa utilizzando la
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à: