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à:
- Visualizzazione sovrapposta WebGL ti consente di aggiungere alle tue mappe grafiche 2D e 3D personalizzate e contenuti animati.
- Inclinazione e intestazione ora può essere modificato in modo programmatico e utilizzando mouse e tastiera gesti.
- map.moveCamera() consente di modificare contemporaneamente più proprietà della videocamera.
- Zoom ora supporta i valori frazionari.
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.
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à: