Announcement: New basemap styling is coming soon to Google Maps Platform. This update to map styling includes a new default color palette, modernized pins, and improvements to map experiences and usability. All map styles will be automatically updated in March 2025. For more information on availability and how to opt in earlier, see
New map style for Google Maps Platform.
Tutorials
This section features several tutorials to get you up and running with
Maps JavaScript API.
Add a map with a marker to a web page using only HTML.
Add a map with a marker to a web page programmatically.
Get the geographic location of a device on a Google map, using your
browser's HTML5 Geolocation feature along with Maps JavaScript API.
Use marker clustering to display a large number of markers on a map.
Create markers using custom graphic icons.
Add a custom legend to your maps.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2025-02-12 UTC.
[null,null,["Last updated 2025-02-12 UTC."],[[["This section provides tutorials on basic Google Maps JavaScript API implementations, such as adding maps and markers using HTML or JavaScript."],["Learn to display a user's location, manage a large number of markers through clustering, and personalize the map with custom markers and legends."],["Explore advanced features like creating interactive heatmaps using Firebase for real-time collaborative mapping experiences."]]],[]]
