Create real-world, real-time experiences with the latest Maps, Routes, and Places features from Google Maps Platform. Built by the Google team for developers everywhere.
Because you can get started with one line of code, Places UI Kit (Experimental) helps you focus on user experience, not complex integrations.

HTML

<html>
    <body>

      <gmp-place-details size="large">
      </gmp-place-details>

    </body>
</html>

JavaScript

async function init() {
  await google.maps.importLibrary('places');
  document
    .querySelector('gmp-place-details')
    .configureFromPlace({ id: 'ChIJj61dQgK6j4AR4GeTYWZsKWw' });
}

init();

Choose how to export

Explore top topics

Google I/O '24 roundup

Google I/O '24 roundup

From using generative AI to new ways of building immersive experiences, see the products announced at this year's I/O.

Watch our technical session

Watch our technical session

Learn new ways to build immersive experiences with the Maps JavaScript API and use the Gemini model capabilities in the Places API.

Follow along with the workshop

Maps Compose library workshop

Learn how to integrate maps as composables, customize and cluster markers, and draw polygons on the map in this codelab and video walkthrough for Android developers.

React components

React components are now stable

The React Google Maps Library is ready to help you build geospatial experiences in React applications faster and more easily.

SDKs and APIs

Explore, learn, and build with comprehensive documentation, sample code, example apps, and more.

Bring the real world to your users with dynamic maps for the web and mobile.

Display a static map on your website.

URL

Add 360° Street View imagery to your apps.

Get the elevation of one or a series of locations.

Create and display Aerial View videos rendered using Google's 3D geospatial imagery.

API

Provides high-resolution Photorealistic 3D Tiles, 2D Tiles, and Street View Tiles.

API

Upload your data to a dataset for use in a Google Maps Platform app.

Performance optimized version of the Directions API and Distance Matrix API, with additional features.

API

Build dynamic navigation experiences for your apps.

Identify nearby roads using coordinates.

API

Provide directions for multiple transportation modes, featuring real-time traffic information.

Calculate travel times and distances for multiple origins and destinations.

Optimize multi-stop routes flexibly and intelligently for one or more vehicles.

API

Integrate Google’s Place details, search, and autocomplete into your apps.

Bring the familiar Google Maps user experience for Places to your frontend use cases with a ready-to-use, customizable, and cost-effective component library.

JS

Convert coordinates into addresses and addresses into coordinates.

Get an approximate device location using nearby cell towers and WiFi nodes.

API

Validate an address and its components.

API

Determine the time zone for a set of coordinates.

API

Provides insights about places within a specified area based on different criteria.

API

Look up the rooftop solar energy potential for specific buildings.

API

Retrieve air quality indexes, pollutants, and health recommendations for specific locations.

API

Get pollen information for specific locations, including types, plants, and indexes.

API

Watch Google Maps Platform videos

With the new Places API there are now double the number of supported place types including EV charging stations, coffee shops, accessibility accommodation at destinations, and more.

Allow users to avoid exposure to air pollutants and airborne pollen at their location, and empower more informed health-related daily decision making.

Learn how to add a Google map to native Android, iOS, and web apps with Dart and Flutter.

Learn how to how to load the Maps JavaScript API and place a marker on the map in React in just 5 minutes.

Engineering Lead Travis McPhail shares that deck.gl is now integrated with WebGL Overlay View, allowing you to create amazing 3D data visualizations.

See how Domino's uses Google Maps Platform to power its Pinpoint Delivery feature.

Learn how to enable Google Maps Platform APIs and SDKs in the Google Cloud console. APIs and SDKs are available for Maps, Routes, and Places across web and mobile platforms.

In this video, Angela Yu gives an overview of what's available through Google Maps Platform APIs and SDKs and shares some sample code for using them.

Learn with Codelabs

A map featuring yellow markers and a blue translucent circle overlaid on the map.

Add a Google map to a React app

In this codelab, you learn everything that you need to get started with the vis.gl/react-google-map library for the Google Maps JavaScript API.

Codelab: Add a map to your mobile app with SwiftUI - iOS

Codelab: Add a map to your mobile app with SwiftUI - iOS

Learn how to integrate the Maps SDK for iOS into your mobile apps using SwiftUI.

Codelab: Add a map to your Android app - Kotlin

Codelab: Add a map to your Android app - Kotlin with Compose

Learn the basics of using the Maps Compose library with the Maps SDK for Android.

Flutter codelab

Using Google Maps Platform with Flutter

Build a Flutter app with Google Maps Platform.

Join our developer community

Keep up-to-date on the latest news & tips from the Google Maps Platform team.

Check out our open source utilities and example apps to help you build better and faster.

Tutorials, tips, announcements, developer stories, and more.

All the latest in-depth news and stories from the world of Google Maps Platform.

Learn from a library of code and content contributed by developers around the world.

Get help from other developers and meet our team on the Google Maps Platform Discord server.

Get help & support

Get help. Give Help. Build Maps karma.

Report a bug or open a feature request.

Find out about platform incidents and outages.

Get help from the Support team. Choose the support service that works best for you.

Let’s get started

Getting started with Google Maps Platform is fast and easy.

Create a billing account. Enable the features you want. Get an API key. Start building.

Learn more in our getting started docs and videos.

Help shape the future of Google Maps Platform

Sign up to participate in research studies, even if you don't currently use our products.