Tutorials

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.

Real-time collaborative mapping

Create an interactive heatmap using the Firebase application platform.