Introducing Places UI Kit: A ready-to-use, low-cost component library that lets you bring the familiar Google Maps UI for Places to any map of your choice. Try it out, andshare your input to help shape the future of GMP!

Tutorials

This section features several tutorials to get you up and running withMaps 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 yourbrowser'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 theCreative Commons Attribution 4.0 License, and code samples are licensed under theApache 2.0 License. For details, see theGoogle Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Last updated 2025-07-18 UTC.