Tutorials

Stay organized with collections Save and categorize content based on your preferences.

Adding a marker to your map

Learn how to add a map with a marker to a web page.

Clustering markers

Learn how to use marker clusters to display a large number of markers on a map.

Real-time collaborative mapping

Learn how to create an interactive heatmap using the Firebase application platform.

Showing current location

Learn how to display the geographic location of a user or device on a Google map, using your browser's HTML5 Geolocation feature along with Maps JavaScript API.

Using data with your map

Displaying KML data

Learn how to import KML data from from a file, and display it on your map.

Importing JSON data

Learn how to import GeoJSON data from either a local or remote source, and display it on your map.

Visualizing JSON data

Learn how to visualize your own data source on Google maps.

Combining JSON data

Learn how to display data from multiple sources on a Google map.

Adding a Map and Markers to a React Application

Learn how to add a Map and Marker to a React application.