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 consente di aggiungere alle mappe contenuti animati e grafici 2D e 3D personalizzati.
- Inclinazione e rotta ora possono essere regolati tramite codice e utilizzando i gesti del mouse e della tastiera.
- map.moveCamera() 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. Questa sezione ti spiega 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 attivare 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
Per farlo, devi avere l'ID mappa appena creato. Puoi trovarlo nella pagina Gestione Maps. Fornisci un ID mappa quando la esegui l'inizializzazione utilizzando la proprietà mapId come mostrato di seguito:
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à: