The Google Maps JavaScript API is a powerful, popular mapping API. It's simple to use to add maps to your website, or web or mobile application, and provides a wide range of services and utilities for data visualization, map manipulation, directions, and more.
More info: Developer's Guide - API reference
Adding a Google Map to your website
This tutorial shows you how to:
- Create an HTML page to hold the map.
- Load the Maps API JavaScript.
- Display a map on your page.
Customizing your Google map
This tutorial shows you how to:
- Style the base map’s colors.
- Hide base map geometry, labels and icons.
- Customize map markers.
- Add a legend to your map.
Importing data into your map
This tutorial shows you how to:
- Load data into your Maps API application from a local file, using XMLHttpRequest.
- Load data from a different server that is CORS-enabled.
- Load data using JSONP.
- Parse the imported data.
- At the end of this tutorial, you will have loaded GeoJSON data from either a local or a remote source and displayed it on your map.
Displaying KML
This tutorial shows you how to:
- Make sure your KML file is set up for import.
- Create a KMLLayer object.
- Display the layer.
- Capture and display feature data in a sidebar.
Visualizing data: markers, heatmaps, and symbols
This tutorial shows you how to:
- Import data into your Maps application.
- Display that data on a map using simple markers.
- Use symbols and heatmaps to improve the appearance and legibility of your map, and to represent secondary information.
Mapping with Firebase
This tutorial shows you how to:
- Place a marker when a user clicks on a location using a Google map.
- Store those click locations in a Firebase database.
- Create a visual heatmap from the clicks stored in Firebase.
Need help? Visit our