Get a Maps Demo Key: Try out select Maps JavaScript API and Places UI Kit features at no cost with a Maps Demo Key—no billing information required.

Tutorials

  • 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.

This section features several tutorials to get you up and running with Maps JavaScript API.

Add a Google map with a marker using HTML

Add a map with a marker to a web page using only HTML.

Add a Google Map with a marker using JavaScript

Add a map with a marker to a web page programmatically.

Show current location

Get the geographic location of a device on a Google map, using your browser's HTML5 Geolocation feature along with Maps JavaScript API.

Cluster markers

Use marker clustering to display a large number of markers on a map.

Custom markers

Create markers using custom graphic icons.

Custom legends

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 2026年09月01日 UTC.