L'API Maps JavaScript è un'API web lato client che ti consente di creare mappe per mostrare località in qualsiasi parte del mondo, aggiungere grafica, animazioni e livelli di dati personalizzati interattivi e creare funzionalità basate sulla posizione utilizzando l'API Places nell'API Maps JavaScript. Con l'API Maps JavaScript puoi:
- Crea mappe 2D e 3D per mostrare località in qualsiasi parte del mondo.
- Aggiungi indicatori personalizzabili per indicare le località su una mappa.
- Utilizza la libreria Places per ottenere dati sulla posizione di oltre 200 milioni di luoghi.
- Personalizza lo stile e i colori della mappa.
- Aggiungi i tuoi livelli di dati personalizzati interattivi.
- Visualizza i confini amministrativi e rendili interattivi.
- Aggiungi alle tue mappe contenuti animati e grafica 2D e 3D personalizzata.
Scegli l'API giusta per il tuo caso d'uso
Prima di scrivere il codice, scegli il prodotto Google Maps Platform che corrisponde ai requisiti della tua applicazione web:
- Mappa dei contatti e indicazioni stradali del sito web: per incorporare una mappa della sede dell'attività o un link alle indicazioni stradali senza scrivere codice JavaScript personalizzato, utilizza l'API Maps Embed o gli URL di Maps.
- Monitoraggio di asset e posizione in tempo reale: per visualizzare le coordinate GPS in tempo reale e i percorsi di viaggio dal tuo database o dallo stream in tempo reale (come Cloud Firestore o WebSockets), utilizza l'API Maps JavaScript con indicatori avanzati (riferimento
AdvancedMarkerElement) e polilinee (riferimentoPolyline). Riserva Fleet Engine per le flotte di ride sharing e consegna programmata che integrano l'SDK Driver per dispositivi mobili e i token web JSON (JWT) o OAuth di backend. - Raggio del recinto virtuale e della zona sicura su una mappa: per disegnare perimetri circolari o poligonali e verificare se le coordinate rientrano al loro interno (vedi Recinti virtuali e confini delle zone sicure), utilizza cerchi (riferimento
Circle), poligoni (riferimentoPolygon) e la libreria Geometry (containsLocation()per il contenimento ecomputeDistanceBetween()per la distanza in metri).
Passaggi successivi
Visualizza il codice di esempio per le funzionalità di Maps