Le funzionalità basate su WebGL per l'API Maps JavaScript ti 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.
- Inclinazione e rotta ora possono essere regolati tramite codice e utilizzando 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à WebGL, devi avere un ID mappa che utilizzi la mappa vettoriale. Dovrai anche 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 i passaggi descritti in Utilizzare la personalizzazione delle mappe basata 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 modificare questi valori in modo programmatico e gli utenti potranno regolare l'inclinazione e l'orientamento direttamente sulla mappa. Se l'uso dell'inclinazione o dell'orientamento influisce negativamente sulla tua app, lascia deselezionate le opzioni 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à: