Tutorial
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Questa sezione include diversi tutorial per iniziare a utilizzare
l'API Maps JavaScript.
Aggiungi una mappa con un indicatore a una pagina web utilizzando solo HTML.
Aggiungi una mappa con un indicatore a una pagina web in modo programmatico.
Ottieni la posizione geografica di un dispositivo su una mappa di Google utilizzando la funzionalità di geolocalizzazione HTML5 del browser insieme all'API Maps JavaScript.
Utilizza il clustering dei marcatori per visualizzare un numero elevato di marcatori su una mappa.
Crea indicatori utilizzando icone grafiche personalizzate.
Aggiungi una legenda personalizzata alle tue mappe.
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-08-27 UTC.
[null,null,["Ultimo aggiornamento 2025-08-27 UTC."],[[["\u003cp\u003eThis section provides tutorials on basic Google Maps JavaScript API implementations, such as adding maps and markers using HTML or JavaScript.\u003c/p\u003e\n"],["\u003cp\u003eLearn to display a user's location, manage a large number of markers through clustering, and personalize the map with custom markers and legends.\u003c/p\u003e\n"],["\u003cp\u003eExplore advanced features like creating interactive heatmaps using Firebase for real-time collaborative mapping experiences.\u003c/p\u003e\n"]]],[],null,["# Tutorials\n\nThis section features several tutorials to get you up and running with\nMaps JavaScript API.\n\n### [Add a Google map with a marker using HTML](/maps/documentation/javascript/add-google-map-wc-tut)\n\nAdd a map with a marker to a web page using only HTML.\n\n### [Add a Google Map with a marker using JavaScript](/maps/documentation/javascript/adding-a-google-map)\n\nAdd a map with a marker to a web page programmatically.\n\n### [Show current location](/maps/documentation/javascript/geolocation)\n\nGet the geographic location of a device on a Google map, using your\nbrowser's HTML5 Geolocation feature along with Maps JavaScript API.\n\n### [Cluster markers](/maps/documentation/javascript/marker-clustering)\n\nUse marker clustering to display a large number of markers on a map.\n\n### [Custom markers](/maps/documentation/javascript/custom-markers)\n\nCreate markers using custom graphic icons.\n\n### [Custom legends](/maps/documentation/javascript/adding-a-legend)\n\nAdd a custom legend to your maps."]]