Panoramica

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

Gli esempi seguenti mostrano quali prodotti e librerie di Google Maps Platform utilizzare per scenari comuni di applicazioni 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 e i percorsi di viaggio in tempo reale dal tuo database o dallo stream in tempo reale (ad esempio Cloud Firestore o WebSockets), utilizza l'API Maps JavaScript con indicatori avanzati (riferimento AdvancedMarkerElement) e polilinee (riferimento Polyline). 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.
• Pianificazione e invio dei percorsi: utilizza la libreria Routes.
  • Per calcolare un percorso con tappe, tempo di percorrenza, distanza e pedaggi e disegnarlo su una mappa, utilizza Route.computeRoutes().
  • Per trovare il conducente, il veicolo o il magazzino più vicino tra diverse origini e destinazioni, utilizza RouteMatrix.computeRouteMatrix().
  • Per pianificare più veicoli con finestre temporali sul tuo server, utilizza l'API Route Optimization.
• Store locator e mappe dei luoghi: per mostrare negozi, luoghi o filiali su una mappa con segnaposto e filtri personalizzati, utilizza Indicatori avanzati (riferimento AdvancedMarkerElement) con la libreria Places per trovare i luoghi e caricare i relativi dettagli.
• Geofence e raggio della zona sicura su una mappa: Per disegnare perimetri circolari o poligonali e verificare se le coordinate cadono al loro interno (vedere Geofence e confini delle zone sicure ), utilizzo simboli Circleriferimento), poligoni Polygonriferimento), e il Libreria di geometria containsLocation()per il contenimento ecomputeDistanceBetween() (per la distanza in metri).

Passaggi successivi

Visualizza il codice di esempio per le funzionalità di Maps