API Picker | Google Maps Platform

<!doctype html> <html lang="en" dir="ltr"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://developers.google.com/maps/documentation/api-picker","20210513140303","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1620914583"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta name="google-signin-client-id" content="721724668570-nbkv1cfusk7kk4eni4pjvepaus73b13t.apps.googleusercontent.com"> <meta name="google-signin-scope" content="profile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award"> <meta property="og:site_name" content="Google Developers"> <meta property="og:type" content="website"><meta name="theme-color" content="#ffffff"><meta charset="utf-8"> <meta content="IE=Edge" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="manifest" href="/web/20210513140303/https://developers.google.com/_pwa/developers/manifest.json" crossorigin="use-credentials"> <link rel="preconnect" href="//web.archive.org/web/20210513140303/https://www.gstatic.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210513140303/https://fonts.gstatic.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210513140303/https://fonts.googleapis.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210513140303/https://apis.google.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210513140303/https://www.google-analytics.com/" crossorigin><link rel="preload" href="https://web.archive.org/web/20210513140303/https://www.gstatic.com/devrel-devsite/prod/va16bb1b8e431a4d4f63ff4fba8ff7086a1107b3790bb14961ea206ea5eda2218/developers/js/app_loader.js" as="script"><link rel="stylesheet" href="//web.archive.org/web/20210513140303cs_/https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700|Material+Icons&display=swap"><link rel="stylesheet" href="https://web.archive.org/web/20210513140303cs_/https://www.gstatic.com/devrel-devsite/prod/va16bb1b8e431a4d4f63ff4fba8ff7086a1107b3790bb14961ea206ea5eda2218/developers/css/app.css"><link rel="shortcut icon" href="https://web.archive.org/web/20210513140303im_/https://www.gstatic.com/devrel-devsite/prod/va16bb1b8e431a4d4f63ff4fba8ff7086a1107b3790bb14961ea206ea5eda2218/developers/images/favicon.png"> <link rel="apple-touch-icon" href="https://web.archive.org/web/20210513140303im_/https://www.gstatic.com/devrel-devsite/prod/va16bb1b8e431a4d4f63ff4fba8ff7086a1107b3790bb14961ea206ea5eda2218/developers/images/touchicon-180.png"><link rel="canonical" href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/api-picker"><link rel="search" type="application/opensearchdescription+xml" title="Google Developers" href="https://web.archive.org/web/20210513140303/https://developers.google.com/s/opensearch.xml"> <title>API Picker  |  Google Maps Platform  |  Google Developers</title> <meta property="og:title" content="API Picker | Google Maps Platform | Google Developers"><meta name="description" content="Find the API you need for maps and places in your app."> <meta property="og:description" content="Find the API you need for maps and places in your app."><meta property="og:url" content="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/api-picker"><meta property="og:image" content="https://web.archive.org/web/20210513140303im_/https://www.gstatic.com/devrel-devsite/prod/va16bb1b8e431a4d4f63ff4fba8ff7086a1107b3790bb14961ea206ea5eda2218/developers/images/opengraph/white.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="675"><meta property="og:locale" content="en"><meta name="twitter:card" content="summary_large_image"><script type="application/ld+json"> { "@context": "https://web.archive.org/web/20210513140303/https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Google Maps Platform", "item": "https://web.archive.org/web/20210513140303/https://developers.google.com/maps" },{ "@type": "ListItem", "position": 2, "name": "API Picker", "item": "https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/api-picker" }] } </script> </head> <body class="" template="page" theme="white" type="article" layout="docs" pending> <devsite-progress type="indeterminate" id="app-progress"></devsite-progress> <section class="devsite-wrapper"><devsite-header> <div class="devsite-header--inner nocontent"> <div class="devsite-top-logo-row-wrapper-wrapper"> <div class="devsite-top-logo-row-wrapper"> <div class="devsite-top-logo-row"> <button type="button" id="devsite-hamburger-menu" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Navigation menu button" visually-hidden aria-label="Open menu"> </button> <div class="devsite-product-name-wrapper"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps"> <div class="devsite-product-logo-container" size="medium"> <img class="devsite-product-logo" alt="Google Maps Platform" src="https://web.archive.org/web/20210513140303im_/https://developers.google.com/maps/images/maps-icon.svg" srcset="" sizes="64px" loading="lazy"> </div> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list"> <li class="devsite-breadcrumb-item devsite-has-google-wordmark"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Upper Header" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="Google Maps Platform"> <svg class="devsite-google-wordmark" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 148 48"> <title>Google</title> <path class="devsite-google-wordmark-svg-path" d="M19.58,37.65c-9.87,0-18.17-8.04-18.17-17.91c0-9.87,8.3-17.91,18.17-17.91c5.46,0,9.35,2.14,12.27,4.94l-3.45,3.45c-2.1-1.97-4.93-3.49-8.82-3.49c-7.21,0-12.84,5.81-12.84,13.02c0,7.21,5.64,13.02,12.84,13.02c4.67,0,7.34-1.88,9.04-3.58c1.4-1.4,2.32-3.41,2.66-6.16H19.58v-4.89h16.47c0.18,0.87,0.26,1.92,0.26,3.06c0,3.67-1.01,8.21-4.24,11.44C28.93,35.9,24.91,37.65,19.58,37.65z M61.78,26.12c0,6.64-5.1,11.53-11.36,11.53s-11.36-4.89-11.36-11.53c0-6.68,5.1-11.53,11.36-11.53S61.78,19.43,61.78,26.12z M56.8,26.12c0-4.15-2.96-6.99-6.39-6.99c-3.43,0-6.39,2.84-6.39,6.99c0,4.11,2.96,6.99,6.39,6.99C53.84,33.11,56.8,30.22,56.8,26.12z M87.25,26.12c0,6.64-5.1,11.53-11.36,11.53c-6.26,0-11.36-4.89-11.36-11.53c0-6.68,5.1-11.53,11.36-11.53C82.15,14.59,87.25,19.43,87.25,26.12zM82.28,26.12c0-4.15-2.96-6.99-6.39-6.99c-3.43,0-6.39,2.84-6.39,6.99c0,4.11,2.96,6.99,6.39,6.99C79.32,33.11,82.28,30.22,82.28,26.12z M112.09,15.29v20.7c0,8.52-5.02,12.01-10.96,12.01c-5.59,0-8.95-3.76-10.22-6.81l4.41-1.83c0.79,1.88,2.71,4.1,5.81,4.1c3.8,0,6.16-2.36,6.16-6.77v-1.66h-0.18c-1.14,1.4-3.32,2.62-6.07,2.62c-5.76,0-11.05-5.02-11.05-11.49c0-6.51,5.28-11.57,11.05-11.57c2.75,0,4.93,1.22,6.07,2.58h0.18v-1.88H112.09z M107.64,26.16c0-4.06-2.71-7.03-6.16-7.03c-3.49,0-6.42,2.97-6.42,7.03c0,4.02,2.93,6.94,6.42,6.94C104.93,33.11,107.64,30.18,107.64,26.16z M120.97,3.06v33.89h-5.07V3.06H120.97z M140.89,29.92l3.93,2.62c-1.27,1.88-4.32,5.11-9.61,5.11c-6.55,0-11.28-5.07-11.28-11.53c0-6.86,4.77-11.53,10.71-11.53c5.98,0,8.91,4.76,9.87,7.34l0.52,1.31l-15.42,6.38c1.18,2.31,3.01,3.49,5.59,3.49C137.79,33.11,139.58,31.84,140.89,29.92zM128.79,25.77l10.31-4.28c-0.57-1.44-2.27-2.45-4.28-2.45C132.24,19.04,128.66,21.31,128.79,25.77z"/> </svg>Maps Platform </a> </li> </ul> </span> </div> <div class="devsite-top-logo-row-middle"> <div class="devsite-header-upper-tabs"> <devsite-tabs class="upper-tabs"> <nav class="devsite-tabs-wrapper" aria-label="Upper tabs"> <tab> <a href="https://web.archive.org/web/20210513140303/https://cloud.google.com/maps-platform/" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="overview" data-category="home" data-label="navTopMenu" data-action="tabClick"> Overview </a> </tab> <tab> <a href="https://web.archive.org/web/20210513140303/https://cloud.google.com/maps-platform/#products" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="products" data-category="products" data-label="navTopMenu" data-action="tabClick"> Products </a> </tab> <tab> <a href="https://web.archive.org/web/20210513140303/https://cloud.google.com/maps-platform/pricing/" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="pricing" data-category="pricing" data-label="navTopMenu" data-action="tabClick"> Pricing </a> </tab> <tab dropdown dropdown-full active> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="documentation" aria-label="Documentation, selected" data-category="documentation" data-label="navTopMenu" data-action="tabClick"> Documentation </a> <a href="#" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Dropdown menu for Documentation" track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="documentation" data-category="documentation" data-label="navTopMenu" data-action="tabClick" class="devsite-tabs-dropdown-toggle devsite-icon devsite-icon-arrow-drop-down"></a> <div class="devsite-tabs-dropdown" aria-label="submenu" hidden> <div class="devsite-tabs-dropdown-content"> <div class="devsite-tabs-dropdown-column "> <ul class="devsite-tabs-dropdown-section "> <li class="devsite-nav-title" role="heading" tooltip>Get Started</li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/gmp-get-started" track-type="navMenu" track-name="Get Started with Google Maps Platform" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/gmp-get-started" tooltip> <div class="devsite-nav-item-title"> Get Started with Google Maps Platform </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/api-picker" track-type="navMenu" track-name="API Picker" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/api-picker" tooltip> <div class="devsite-nav-item-title"> API Picker </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/billing-credits" track-type="navMenu" track-name="Billing Account Credits" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/billing-credits" tooltip> <div class="devsite-nav-item-title"> Billing Account Credits </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/billing/gmp-billing" track-type="navMenu" track-name="Billing" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/billing/gmp-billing" tooltip> <div class="devsite-nav-item-title"> Billing </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/reporting/gmp-reporting" track-type="navMenu" track-name="Reporting" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/reporting/gmp-reporting" tooltip> <div class="devsite-nav-item-title"> Reporting </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/faq" track-type="navMenu" track-name="FAQ" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/faq" tooltip> <div class="devsite-nav-item-title"> FAQ </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/support" track-type="navMenu" track-name="Support and Resources" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/support" tooltip> <div class="devsite-nav-item-title"> Support and Resources </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/gmp-incident-management" track-type="navMenu" track-name="Incident Management" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/gmp-incident-management" tooltip> <div class="devsite-nav-item-title"> Incident Management </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column "> <ul class="devsite-tabs-dropdown-section "> <li class="devsite-nav-title" role="heading" tooltip>Maps</li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/javascript" track-type="navMenu" track-name="Maps JavaScript API" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/javascript" tooltip> <div class="devsite-nav-item-title"> Maps JavaScript API </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/android-sdk" track-type="navMenu" track-name="Maps SDK for Android" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/android-sdk" tooltip> <div class="devsite-nav-item-title"> Maps SDK for Android </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/ios-sdk" track-type="navMenu" track-name="Maps SDK for iOS" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/ios-sdk" tooltip> <div class="devsite-nav-item-title"> Maps SDK for iOS </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/maps-static" track-type="navMenu" track-name="Maps Static API" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/maps-static" tooltip> <div class="devsite-nav-item-title"> Maps Static API </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/streetview" track-type="navMenu" track-name="Street View Static API" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/streetview" tooltip> <div class="devsite-nav-item-title"> Street View Static API </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/embed" track-type="navMenu" track-name="Maps Embed API" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/embed" tooltip> <div class="devsite-nav-item-title"> Maps Embed API </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/urls" track-type="navMenu" track-name="Maps URLs" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/urls" tooltip> <div class="devsite-nav-item-title"> Maps URLs </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/elevation" track-type="navMenu" track-name="Maps Elevation API" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/elevation" tooltip> <div class="devsite-nav-item-title"> Maps Elevation API </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column "> <ul class="devsite-tabs-dropdown-section "> <li class="devsite-nav-title" role="heading" tooltip>Routes</li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/directions" track-type="navMenu" track-name="Directions API" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/directions" tooltip> <div class="devsite-nav-item-title"> Directions API </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/distance-matrix" track-type="navMenu" track-name="Distance Matrix API" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/distance-matrix" tooltip> <div class="devsite-nav-item-title"> Distance Matrix API </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/roads" track-type="navMenu" track-name="Roads API" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/roads" tooltip> <div class="devsite-nav-item-title"> Roads API </div> </a> </li> </ul> <ul class="devsite-tabs-dropdown-section "> <li class="devsite-nav-title" role="heading" tooltip>Solutions</li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/solutions" track-type="navMenu" track-name="Industry Solutions" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/solutions" tooltip> <div class="devsite-nav-item-title"> Industry Solutions </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/solutions" track-type="navMenu" track-name="Retail" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/solutions" tooltip> <div class="devsite-nav-item-title"> Retail </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/gaming" track-type="navMenu" track-name="Gaming Services" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/gaming" tooltip> <div class="devsite-nav-item-title"> Gaming Services </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column "> <ul class="devsite-tabs-dropdown-section "> <li class="devsite-nav-title" role="heading" tooltip>Places</li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/places/web-service" track-type="navMenu" track-name="Places API" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/places/web-service" tooltip> <div class="devsite-nav-item-title"> Places API </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/places/android-sdk" track-type="navMenu" track-name="Places SDK for Android" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/places/android-sdk" tooltip> <div class="devsite-nav-item-title"> Places SDK for Android </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/places/ios-sdk" track-type="navMenu" track-name="Places SDK for iOS" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/places/ios-sdk" tooltip> <div class="devsite-nav-item-title"> Places SDK for iOS </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/javascript/places" track-type="navMenu" track-name="Places Library, Maps JavaScript API" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/javascript/places" tooltip> <div class="devsite-nav-item-title"> Places Library, Maps JavaScript API </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/geocoding" track-type="navMenu" track-name="Geocoding API" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/geocoding" tooltip> <div class="devsite-nav-item-title"> Geocoding API </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/geolocation" track-type="navMenu" track-name="Geolocation API" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/geolocation" tooltip> <div class="devsite-nav-item-title"> Geolocation API </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation/timezone" track-type="navMenu" track-name="Time Zone API" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/documentation/timezone" tooltip> <div class="devsite-nav-item-title"> Time Zone API </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column "> <ul class="devsite-tabs-dropdown-section "> <li class="devsite-nav-title" role="heading" tooltip>Additional Resources</li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/api-key-best-practices" track-type="navMenu" track-name="API Key Best Practices" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/api-key-best-practices" tooltip> <div class="devsite-nav-item-title"> API Key Best Practices </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/coverage" track-type="navMenu" track-name="Map Coverage Details" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/coverage" tooltip> <div class="devsite-nav-item-title"> Map Coverage Details </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/optimization-guide" track-type="navMenu" track-name="Optimization Guide" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/optimization-guide" tooltip> <div class="devsite-nav-item-title"> Optimization Guide </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/deprecations" track-type="navMenu" track-name="Deprecations" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/deprecations" tooltip> <div class="devsite-nav-item-title"> Deprecations </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/asset-tracking-plan" track-type="navMenu" track-name="Asset Tracking Plan" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/asset-tracking-plan" tooltip> <div class="devsite-nav-item-title"> Asset Tracking Plan </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/root-ca-faq" track-type="navMenu" track-name="Root CA Migration FAQ" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/root-ca-faq" tooltip> <div class="devsite-nav-item-title"> Root CA Migration FAQ </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/billing/public-programs" track-type="navMenu" track-name="Public Programs" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/billing/public-programs" tooltip> <div class="devsite-nav-item-title"> Public Programs </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/premium" track-type="navMenu" track-name="Premium Plan" track-metadata-position="nav" track-metadata-href="https://developers.google.com/maps/premium" tooltip> <div class="devsite-nav-item-title"> Premium Plan </div> </a> </li> </ul> </div> </div> </div> </tab> <tab> <a href="https://web.archive.org/web/20210513140303/https://cloud.google.com/blog/products/maps-platform" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="blog" data-category="blog" data-label="navTopMenu" data-action="tabClick"> Blog </a> </tab> </nav> </devsite-tabs> </div> <devsite-search aria-expanded="false" aria-haspopup="listbox" enable-signin enable-search enable-suggestions enable-query-completion project-name="Google Maps Platform" tenant-name="Google Developers" project-scope="/maps" url-scoped="https://developers.google.com/s/results/maps" role="combobox"> <form class="devsite-search-form" action="https://web.archive.org/web/20210513140303/https://developers.google.com/s/results" method="GET"> <div class="devsite-search-container"> <div class="devsite-searchbox"> <input aria-activedescendant="" aria-autocomplete="list" aria-label="Search" aria-haspopup="false" aria-multiline="false" aria-label="Search box" autocomplete="off" class="devsite-search-field devsite-search-query" name="q" placeholder="Search" role="combobox" type="text" value=""> <div class="devsite-search-image material-icons" aria-hidden="true"></div> </div> <button type="button" search-open class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Open search"></button> </div> </form> <button type="button" search-close class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Close search"></button> </devsite-search> </div> <devsite-language-selector> <devsite-select class="devsite-language-selector-menu"> <select aria-label="Select your language preference." class="devsite-language-selector-select" name="language" track-name="click" track-type="languageSelector"> <option>Language</option> <option value="en" lang="en" track-metadata-original-language="en" track-metadata-selected-language="en" track-name="changed" track-type="languageSelector"> English </option> <option value="id" lang="id" track-metadata-original-language="en" track-metadata-selected-language="id" track-name="changed" track-type="languageSelector"> Bahasa Indonesia </option> <option value="de" lang="de" track-metadata-original-language="en" track-metadata-selected-language="de" track-name="changed" track-type="languageSelector"> Deutsch </option> <option value="es" lang="es" track-metadata-original-language="en" track-metadata-selected-language="es" track-name="changed" track-type="languageSelector"> Español </option> <option value="fr" lang="fr" track-metadata-original-language="en" track-metadata-selected-language="fr" track-name="changed" track-type="languageSelector"> Français </option> <option value="pt_br" lang="pt_br" track-metadata-original-language="en" track-metadata-selected-language="pt_br" track-name="changed" track-type="languageSelector"> Português – Brasil </option> <option value="ru" lang="ru" track-metadata-original-language="en" track-metadata-selected-language="ru" track-name="changed" track-type="languageSelector"> Русский </option> <option value="zh_cn" lang="zh_cn" track-metadata-original-language="en" track-metadata-selected-language="zh_cn" track-name="changed" track-type="languageSelector"> 中文 – 简体 </option> <option value="ja" lang="ja" track-metadata-original-language="en" track-metadata-selected-language="ja" track-name="changed" track-type="languageSelector"> 日本語 </option> <option value="ko" lang="ko" track-metadata-original-language="en" track-metadata-selected-language="ko" track-name="changed" track-type="languageSelector"> 한국어 </option> </select> </devsite-select> </devsite-language-selector> <devsite-user enable-profiles fp-auth id="devsite-user"></devsite-user> </div> </div> </div> <div class="devsite-collapsible-section devsite-header-no-lower-tabs "> <div class="devsite-header-background"> <div class="devsite-product-id-row"> <div class="devsite-product-description-row"> <ul class="devsite-breadcrumb-list"> <li class="devsite-breadcrumb-item "> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Lower Header" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail=""> Documentation </a> </li> </ul> </div> </div> </div> </div> </div> </devsite-header> <devsite-book-nav scrollbars> <nav class="devsite-book-nav devsite-nav nocontent" aria-label="Side menu"> <div class="devsite-mobile-header"> <button type="button" id="devsite-close-nav" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Close navigation" aria-label="Close navigation"> </button> <div class="devsite-product-name-wrapper"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps"> <div class="devsite-product-logo-container" size="medium"> <img class="devsite-product-logo" alt="Google Maps Platform" src="https://web.archive.org/web/20210513140303im_/https://developers.google.com/maps/images/maps-icon.svg" srcset="" sizes="64px" loading="lazy"> </div> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list"> <li class="devsite-breadcrumb-item devsite-has-google-wordmark"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Upper Header" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="Google Maps Platform"> <svg class="devsite-google-wordmark" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 148 48"> <title>Google</title> <path class="devsite-google-wordmark-svg-path" d="M19.58,37.65c-9.87,0-18.17-8.04-18.17-17.91c0-9.87,8.3-17.91,18.17-17.91c5.46,0,9.35,2.14,12.27,4.94l-3.45,3.45c-2.1-1.97-4.93-3.49-8.82-3.49c-7.21,0-12.84,5.81-12.84,13.02c0,7.21,5.64,13.02,12.84,13.02c4.67,0,7.34-1.88,9.04-3.58c1.4-1.4,2.32-3.41,2.66-6.16H19.58v-4.89h16.47c0.18,0.87,0.26,1.92,0.26,3.06c0,3.67-1.01,8.21-4.24,11.44C28.93,35.9,24.91,37.65,19.58,37.65z M61.78,26.12c0,6.64-5.1,11.53-11.36,11.53s-11.36-4.89-11.36-11.53c0-6.68,5.1-11.53,11.36-11.53S61.78,19.43,61.78,26.12z M56.8,26.12c0-4.15-2.96-6.99-6.39-6.99c-3.43,0-6.39,2.84-6.39,6.99c0,4.11,2.96,6.99,6.39,6.99C53.84,33.11,56.8,30.22,56.8,26.12z M87.25,26.12c0,6.64-5.1,11.53-11.36,11.53c-6.26,0-11.36-4.89-11.36-11.53c0-6.68,5.1-11.53,11.36-11.53C82.15,14.59,87.25,19.43,87.25,26.12zM82.28,26.12c0-4.15-2.96-6.99-6.39-6.99c-3.43,0-6.39,2.84-6.39,6.99c0,4.11,2.96,6.99,6.39,6.99C79.32,33.11,82.28,30.22,82.28,26.12z M112.09,15.29v20.7c0,8.52-5.02,12.01-10.96,12.01c-5.59,0-8.95-3.76-10.22-6.81l4.41-1.83c0.79,1.88,2.71,4.1,5.81,4.1c3.8,0,6.16-2.36,6.16-6.77v-1.66h-0.18c-1.14,1.4-3.32,2.62-6.07,2.62c-5.76,0-11.05-5.02-11.05-11.49c0-6.51,5.28-11.57,11.05-11.57c2.75,0,4.93,1.22,6.07,2.58h0.18v-1.88H112.09z M107.64,26.16c0-4.06-2.71-7.03-6.16-7.03c-3.49,0-6.42,2.97-6.42,7.03c0,4.02,2.93,6.94,6.42,6.94C104.93,33.11,107.64,30.18,107.64,26.16z M120.97,3.06v33.89h-5.07V3.06H120.97z M140.89,29.92l3.93,2.62c-1.27,1.88-4.32,5.11-9.61,5.11c-6.55,0-11.28-5.07-11.28-11.53c0-6.86,4.77-11.53,10.71-11.53c5.98,0,8.91,4.76,9.87,7.34l0.52,1.31l-15.42,6.38c1.18,2.31,3.01,3.49,5.59,3.49C137.79,33.11,139.58,31.84,140.89,29.92zM128.79,25.77l10.31-4.28c-0.57-1.44-2.27-2.45-4.28-2.45C132.24,19.04,128.66,21.31,128.79,25.77z"/> </svg>Maps Platform </a> </li> </ul> </span> </div> </div> <div class="devsite-book-nav-wrapper"> <div class="devsite-mobile-nav-top"> <ul class="devsite-nav-list"> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://cloud.google.com/maps-platform/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Overview" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="overview"> <span class="devsite-nav-text" tooltip> Overview </span> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://cloud.google.com/maps-platform/#products" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Products" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="products"> <span class="devsite-nav-text" tooltip> Products </span> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://cloud.google.com/maps-platform/pricing/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Pricing" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="pricing"> <span class="devsite-nav-text" tooltip> Pricing </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation" class="devsite-nav-title gc-analytics-event devsite-nav-has-children devsite-nav-active" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Documentation" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="documentation"> <span class="devsite-nav-text" tooltip> Documentation </span> <span class="devsite-nav-icon material-icons" data-icon="forward"> </span> </a> <ul class="devsite-nav-responsive-tabs devsite-nav-has-menu "> <li class="devsite-nav-item"> <span class="devsite-nav-title" tooltip> <span class="devsite-nav-text" tooltip menu="Documentation"> More </span> <span class="devsite-nav-icon material-icons" data-icon="forward" menu="Documentation"> </span> </span> </li> </ul> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210513140303/https://cloud.google.com/blog/products/maps-platform" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Blog" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="blog"> <span class="devsite-nav-text" tooltip> Blog </span> </a> </li> </ul> </div> <div class="devsite-mobile-nav-bottom" role="navigation"> <ul class="devsite-nav-list" menu="_book"> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Google Maps Platform Documentation</span></a></li> <li class="devsite-nav-item devsite-nav-heading"><div class="devsite-nav-title devsite-nav-title-no-path"><span class="devsite-nav-text" tooltip>Get Started</span></div></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/gmp-get-started" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Get Started with Google Maps Platform</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/api-picker" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>API Picker</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/api-key-best-practices" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>API Key Best Practices</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/billing-credits" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Billing Account Credits</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/billing/gmp-billing" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Billing</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/reporting/gmp-reporting" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Reporting</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/faq" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>FAQ</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/support" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Support and Resources</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/gmp-incident-management" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Incident Management</span></a></li> <li class="devsite-nav-item devsite-nav-heading"><div class="devsite-nav-title devsite-nav-title-no-path"><span class="devsite-nav-text" tooltip>Maps</span></div></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Maps JavaScript API</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/android-sdk" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Maps SDK for Android</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/ios-sdk" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Maps SDK for iOS</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/maps-static" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Maps Static API</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/streetview" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Street View Static API</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/embed" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Maps Embed API</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/urls" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Maps URLs</span></a></li> <li class="devsite-nav-item devsite-nav-heading"><div class="devsite-nav-title devsite-nav-title-no-path"><span class="devsite-nav-text" tooltip>Routes</span></div></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/directions" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Directions API</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/distance-matrix" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Distance Matrix API</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/roads" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Roads API</span></a></li> <li class="devsite-nav-item devsite-nav-heading"><div class="devsite-nav-title devsite-nav-title-no-path"><span class="devsite-nav-text" tooltip>Places</span></div></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/places/web-service" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Places API</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/places/android-sdk" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Places SDK for Android</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/places/ios-sdk" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Places SDK for iOS</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/places" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Places Library, Maps JavaScript API</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/geocoding" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Geocoding API</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/geolocation" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Geolocation API</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/timezone" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Time Zone API</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/elevation" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Elevation API</span></a></li> <li class="devsite-nav-item devsite-nav-heading"><div class="devsite-nav-title devsite-nav-title-no-path"><span class="devsite-nav-text" tooltip>Solutions</span></div></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/solutions" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Industry Solutions</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/solutions" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Retail</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/documentation/gaming" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Gaming Services</span></a></li> <li class="devsite-nav-item devsite-nav-heading"><div class="devsite-nav-title devsite-nav-title-no-path"><span class="devsite-nav-text" tooltip>Additional Resources</span></div></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/coverage" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Map Coverage Details</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/optimization-guide" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Optimization Guide</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/optimize-web-services" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Optimizing Web Service Usage</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/deprecations" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Deprecations</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/asset-tracking-plan" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Asset Tracking Plan</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/root-ca-faq" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Root CA Migration FAQ</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/billing/public-programs" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Public Programs</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/gmp-domains" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Domains</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/prelaunch-checklist" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Pre-Launch Checklist</span></a></li> <li class="devsite-nav-item"><a href="/web/20210513140303/https://developers.google.com/maps/premium/overview" class="devsite-nav-title"><span class="devsite-nav-text" tooltip>Premium Plan</span></a></li> </ul> <ul class="devsite-nav-list" menu="Documentation" aria-label="Side menu" hidden> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip> <span class="devsite-nav-text" tooltip> Get Started </span> </span> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/gmp-get-started" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Get Started with Google Maps Platform" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="getStartedWithGoogleMapsPlatform"> <span class="devsite-nav-text" tooltip> Get Started with Google Maps Platform </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/api-picker" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: API Picker" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="aPIPicker"> <span class="devsite-nav-text" tooltip> API Picker </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/billing-credits" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Billing Account Credits" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="billingAccountCredits"> <span class="devsite-nav-text" tooltip> Billing Account Credits </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/billing/gmp-billing" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Billing" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="billing"> <span class="devsite-nav-text" tooltip> Billing </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/reporting/gmp-reporting" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Reporting" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="reporting"> <span class="devsite-nav-text" tooltip> Reporting </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/faq" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: FAQ" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="fAQ"> <span class="devsite-nav-text" tooltip> FAQ </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/support" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Support and Resources" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="supportAndResources"> <span class="devsite-nav-text" tooltip> Support and Resources </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/gmp-incident-management" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Incident Management" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="incidentManagement"> <span class="devsite-nav-text" tooltip> Incident Management </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip> <span class="devsite-nav-text" tooltip> Maps </span> </span> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Maps JavaScript API" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="mapsJavaScriptAPI"> <span class="devsite-nav-text" tooltip> Maps JavaScript API </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/android-sdk" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Maps SDK for Android" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="mapsSDKForAndroid"> <span class="devsite-nav-text" tooltip> Maps SDK for Android </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/ios-sdk" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Maps SDK for iOS" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="mapsSDKForIOS"> <span class="devsite-nav-text" tooltip> Maps SDK for iOS </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/maps-static" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Maps Static API" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="mapsStaticAPI"> <span class="devsite-nav-text" tooltip> Maps Static API </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/streetview" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Street View Static API" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="streetViewStaticAPI"> <span class="devsite-nav-text" tooltip> Street View Static API </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/embed" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Maps Embed API" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="mapsEmbedAPI"> <span class="devsite-nav-text" tooltip> Maps Embed API </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/urls" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Maps URLs" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="mapsURLs"> <span class="devsite-nav-text" tooltip> Maps URLs </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/elevation" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Maps Elevation API" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="mapsElevationAPI"> <span class="devsite-nav-text" tooltip> Maps Elevation API </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip> <span class="devsite-nav-text" tooltip> Routes </span> </span> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/directions" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Directions API" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="directionsAPI"> <span class="devsite-nav-text" tooltip> Directions API </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/distance-matrix" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Distance Matrix API" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="distanceMatrixAPI"> <span class="devsite-nav-text" tooltip> Distance Matrix API </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/roads" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Roads API" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="roadsAPI"> <span class="devsite-nav-text" tooltip> Roads API </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip> <span class="devsite-nav-text" tooltip> Solutions </span> </span> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/solutions" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Industry Solutions" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="industrySolutions"> <span class="devsite-nav-text" tooltip> Industry Solutions </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/solutions" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Retail" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="retail"> <span class="devsite-nav-text" tooltip> Retail </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/gaming" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Gaming Services" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="gamingServices"> <span class="devsite-nav-text" tooltip> Gaming Services </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip> <span class="devsite-nav-text" tooltip> Places </span> </span> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/places/web-service" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Places API" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="placesAPI"> <span class="devsite-nav-text" tooltip> Places API </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/places/android-sdk" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Places SDK for Android" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="placesSDKForAndroid"> <span class="devsite-nav-text" tooltip> Places SDK for Android </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/places/ios-sdk" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Places SDK for iOS" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="placesSDKForIOS"> <span class="devsite-nav-text" tooltip> Places SDK for iOS </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/places" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Places Library, Maps JavaScript API" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="placesLibrary,MapsJavaScriptAPI"> <span class="devsite-nav-text" tooltip> Places Library, Maps JavaScript API </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/geocoding" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Geocoding API" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="geocodingAPI"> <span class="devsite-nav-text" tooltip> Geocoding API </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/geolocation" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Geolocation API" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="geolocationAPI"> <span class="devsite-nav-text" tooltip> Geolocation API </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/timezone" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Time Zone API" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="timeZoneAPI"> <span class="devsite-nav-text" tooltip> Time Zone API </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip> <span class="devsite-nav-text" tooltip> Additional Resources </span> </span> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/api-key-best-practices" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: API Key Best Practices" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="aPIKeyBestPractices"> <span class="devsite-nav-text" tooltip> API Key Best Practices </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/coverage" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Map Coverage Details" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="mapCoverageDetails"> <span class="devsite-nav-text" tooltip> Map Coverage Details </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/optimization-guide" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Optimization Guide" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="optimizationGuide"> <span class="devsite-nav-text" tooltip> Optimization Guide </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/deprecations" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Deprecations" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="deprecations"> <span class="devsite-nav-text" tooltip> Deprecations </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/asset-tracking-plan" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Asset Tracking Plan" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="assetTrackingPlan"> <span class="devsite-nav-text" tooltip> Asset Tracking Plan </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/root-ca-faq" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Root CA Migration FAQ" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="rootCAMigrationFAQ"> <span class="devsite-nav-text" tooltip> Root CA Migration FAQ </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/billing/public-programs" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Public Programs" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="publicPrograms"> <span class="devsite-nav-text" tooltip> Public Programs </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210513140303/https://developers.google.com/maps/premium" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Premium Plan" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="premiumPlan"> <span class="devsite-nav-text" tooltip> Premium Plan </span> </a> </li> </ul> </div> </div> </nav> </devsite-book-nav> <section id="gc-wrapper"> <main role="main" class="devsite-main-content" has-book-nav has-toc> <devsite-toc class="devsite-nav"></devsite-toc> <devsite-content> <article class="devsite-article"><style> /* Styles inlined from /maps/styles/local.css */ /* added for new pricing and plans page */ .full-bleed { background-color: #F9F9F9; display: flex; flex-flow: row nowrap; margin: 0 -10000px; margin-top: 10px; padding: 0 10000px; position: relative; } .full-bleed.pricing-section { margin-top: 10px; margin-bottom: 40px; padding-bottom: 64px; padding-top: 64px; } .full-bleed.pricing-summary { margin-top: 0px; margin-bottom: 10px; padding-bottom: 24px; padding-top: 24px; } .licensing-selector-frame { margin-top: 0px; height: 680px; } .intro { margin: 2em 0 2em 0; } .pricing-top { width: 30%; min-height: 320px; } .pricing-intro { margin-top: 4em; } .pricing-card { margin-top: 40px; padding: 1em; background-color: #fff; } .pricing-card2 { background-color: #F7F7F7; width: 50%; min-height: 240px; } .pricing-card h3 { font: 400 26px/40px Roboto,sans-serif; letter-spacing: -.01em; color: #757575; margin: 0 0 .4em 0; } .pricing-card h4 { line-height: 1.3em; } .pricing-card ul { color: #757575; list-style-type: none; padding: 0px; margin: 0px; font-weight: normal; } .pricing-card ul li { background-image: url('/web/20210513140303im_/https://developers.google.com/maps/images/lhimages/compare-yes.svg'); background-repeat: no-repeat; background-position: 0px 1px; padding-left: 30px; } @media (max-width: 1000px) { .pricing-card, .pricing-top { width: 100%; min-height: 110px; } .pricing-intro { margin-top: 0px; } } .lighthouse-table th, .lighthouse-table td { padding-left: 20px; } .lighthouse-table thead tr th { text-transform: uppercase; } .lighthouse-table thead tr th.normal { text-transform: initial; } .lighthouse-table tr { border: 0; } .lighthouse-table td { vertical-align: middle; } .lighthouse-table td.center { text-align: center; } .lighthouse-table p { margin: 0; } table.lighthouse-style-2 td, table.lighthouse-style-2 th { color: #65686C; background-color: #E5F3FE; border: 0 white solid; border-right-width: 2px; } table.lighthouse-style-2 td:last-child, table.lighthouse-style-2 th:last-child { border-right-width: 0; } table.lighthouse-style-2 tr { border: 0 #e4e8ee solid; border-bottom-width: 1px; } table.lighthouse-style-2 .price-table-footer td { background-color: #FAFAFA; font-weight: 600; } table.lighthouse-style-2 tr:last-of-type td { padding-left: 20px; } table.lighthouse-style-2 th { background-color: #6DA6F3; color: white; } table.lighthouse-style-2 th.alt { background-color: #E6E6E6; color: #65686C; } table.lighthouse-style-2 td.alt { background-color: #FAFAFA; } table.lighthouse-style-2 td.alt-2 { background-color: #FFFFFF; font-weight: 400; padding-top: 20px; text-align: center; } table.lighthouse-style-2 tr.alt-2 { background: transparent; border-bottom-width: 0; } table.lighthouse-style-3 td { background-color: #FFFFFF; } .lighthouse-table .margin-top p { margin-top: 1em; } .price-table-tailer-link { font-size: .9em; } .price-table-tailer-link img { margin-right: 10px; width: 16px; } .mobile { display: none; } .lighthouse-table { table-layout: fixed; } .lighthouse-table th { width: 33%; } @media screen and (max-width: 720px) { .mobile { display: block; font-weight: bold; } .desktop-only { display: none; } table.lighthouse-table td { display: block; border-right-width: 0; } /* Table chrome */ table.lighthouse-style-2 td.alt { background-color: #6DA6F3; color: #fff; } table.lighthouse-style-2 td.alt a { color: #fff; } table.lighthouse-style-2 th.alt { background-color: #fff; padding-left: 0; } } .lighthouse-table-cta { table-layout: fixed; border-collapse: initial; } .lighthouse-table-cta td { background-color: #fff; } .lh-info { font-size: 70%; margin-left: 4px; display: inline-block; } .footnote { font-size: 70%; } .td-footnote { font-size: 80%; } table.comparison .chk { text-align: center; } #premium { margin-top: 45px; } .faq h4 { margin-bottom: 0; line-height: 1.3em; } .faq p { margin-top: .5em; } .devsite-landing-row-item-image.clear { background-color: transparent; } .devsite-landing-row-1-up .devsite-landing-row-item-description.max-width { width: 100%; } @media (max-width: 1000px) { .devsite-landing-row-1-up .devsite-landing-row-item-description.max-width { width: initial; } } .devsite-landing-row-item-image { background: transparent; } .find-section { height: 260px; display: flex; flex-flow: row nowrap; background-color: #F7F7F7; overflow: hidden; margin-top: 0px; } .find-section .find-section-body { padding: 20px; padding-top: 21px; width: 45%; } .find-section .find-section-media { height: 100%; width: 55%; } .find-section .find-section-media img { background: transparent; padding: 0 20px; } .find-section .find-section-media.devicelenses { background-image: url("/web/20210513140303im_/https://developers.google.com/maps/images/lhimages/devices/2x1_devicelenses.png"); background-origin: content-box; background-position: right; background-repeat: no-repeat; background-size: cover; height: 100%; padding: 0 20px; } @media (max-width: 1000px) { .licensing-selector-frame { height: 1200px; } .find-section { flex-flow: column; height: initial; } .find-section .find-section-body { width: initial; } .find-section .find-section-media { padding-right: 0; width: initial; } .find-section .find-section-media.devicelenses { background: none; } } .logos-container { height: 100%; } .logos-container .logos { align-items: center; display: flex; flex-flow: row nowrap; height: 100%; justify-content: space-around; } .logos-container .logos img { height: 200px; /*was 60px */ padding: 5px; width: auto; } @media (max-width: 1000px) { .logos-container { padding: 20px; text-align: center; } .logos-container .logos { display: none; } } .link-container { padding-top: 20px; } .devsite-enable-billing-dialog { left: 50%; margin-left: -274px; top: 25%; width: 548px; color: #65686C; padding: 32px 24px; } .devsite-enable-billing-dialog p { line-height: 24px; } .devsite-enable-billing-dialog ol { list-style: none; padding: 0; margin: 40px 0; } .devsite-enable-billing-dialog li { counter-increment: step-counter; font-size: 14px; line-height: 16px; margin-bottom: 28px; } .devsite-enable-billing-dialog li::before { content: counter(step-counter); margin-right: 22px; font-weight: 500; padding: 6px 10px; border: 2px solid #ECECEC; border-radius: 50%; font-size: 14px; color: #00BCD4; } /* Lists on the API picker page */ .gc-picker-list { list-style-type: none; padding-left: 2em; text-indent: -2em; margin-bottom: 0px; } .lh-link { font: 500 14px/20px Roboto,sans-serif; text-transform: uppercase; } .lh-link:focus { text-decoration: none; } #details { border: none; padding-top: 80px; margin-top: -80px; } @media screen and (max-width: 720px) { .licensing-selector-frame { height: 2160px; } .mobile-hidden { display: none !important; } } @media screen and (max-width: 400px) { .licensing-selector-frame { height: 2310px; } .mobile-hidden { display: none !important; } } /* Table that showcases an illustration next to a description. */ body.docs table.illustrated { border: none; } body.docs td.illustrated-narrow { border: none; width: 150px; text-align: center; vertical-align: middle; } body.docs td.illustrated-remainder { border: none; vertical-align: top; } body.docs h3.illustrated { margin-top: 0px; } </style><style> /* Styles inlined from /maps/styles/common.css */ /* Enable Billing Modal Dialog Styles */ .devsite-enable-billing-dialog { left: 50%; margin-left: -274px; top: 25%; width: 548px; } .devsite-dialog-close { color: #747474; } #devsite-dialog-onload-billing-enabled { padding: 0; } #devsite-dialog-onload-billing-enabled .get-key-check { background: no-repeat #8cc152 center/72px url(/web/20210513140303im_/https://developers.google.com/maps/images/lhimages/v2/check@2x.png); height: 150px; width: 100%; } #devsite-dialog-onload-billing-enabled .devsite-dialog-contents, #devsite-dialog-onload-billing-enabled .devsite-dialog-buttons { margin: 8px; } .devsite-enable-billing-dialog ol { list-style: none; margin: 40px 0; padding: 0; } .devsite-enable-billing-dialog li { counter-increment: step-counter; font-size: 14px; line-height: 16px; margin-bottom: 28px; } .devsite-enable-billing-dialog li::before { border-radius: 50%; border: 2px solid #ececec; color: #00bcd4; content: counter(step-counter); font-size: 14px; font-weight: 500; margin-right: 22px; padding: 6px 10px; } /* Style Wizard introduction */ .styleWizardIntroMain { border-radius: 3px; height: 500; width: 640; } .styleWizardIntroSixMapSamples { left: calc(50% - (500px / 2)); line-height: 1; position: relative; text-align: center; width: 500px; } .styleWizardIntroSample { border: 1px solid rgba(0,0,0,0.07); border-radius: 3px; box-shadow: 0 1px 12px 0 rgba(0,0,0,0.10); display: inline-block; height: 140px; margin: 10px; overflow: hidden; width: 140px; } .styleWizardIntroCaption { text-align: center; } /* TODO(cl/330601385) waiting on fix to be deployed */ .devsite-jsfiddle-hide { position:absolute; top: -99999px; left: -99999px; display:block; } /* Styles for /maps/solutions best practices content */ #bp-background { border-radius: 25px; background: #e8eaed; } #bp-heading span { float:left; margin-right:10px; position:relative; padding: 10px; } /* Use as <ul id="bp-bullet><li>{{ [bp|add]_bullet }}Text here... to have icons serve as the bullet symbol. */ #bp-bullet { list-style-type: none; text-indent: -20px; margin-left: 50px; } #platform-box { float: right; position: relative; width: 30%; padding: 20px; margin-left: 30px; margin-bottom: 30px; background-color: #ceead6; border-color: #e8eaed; border-style: solid; } </style><style> input.devsite-filter:hover { background-color: #ebebeb; } </style> <div class="devsite-article-meta" role="navigation"> <ul class="devsite-breadcrumb-list" aria-label="Breadcrumb"> <li class="devsite-breadcrumb-item "> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail=""> Home </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/products" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="2" track-type="globalNav" track-name="breadcrumb" track-metadata-position="2" track-metadata-eventdetail=""> Products </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="3" track-type="globalNav" track-name="breadcrumb" track-metadata-position="3" track-metadata-eventdetail="Google Maps Platform"> Google Maps Platform </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/documentation" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="4" track-type="globalNav" track-name="breadcrumb" track-metadata-position="4" track-metadata-eventdetail=""> Documentation </a> </li> </ul> <devsite-thumb-rating position="header"> <template class="thumb-down-categories"> [{ "type": "thumb-down", "id": "missingTheInformationINeed", "label":"Missing the information I need" },{ "type": "thumb-down", "id": "tooComplicatedTooManySteps", "label":"Too complicated / too many steps" },{ "type": "thumb-down", "id": "outOfDate", "label":"Out of date" },{ "type": "thumb-down", "id": "samplesCodeIssue", "label":"Samples/Code issue" },{ "type": "thumb-down", "id": "otherDown", "label":"Other" }] </template> <template class="thumb-up-categories"> [{ "type": "thumb-up", "id": "easyToUnderstand", "label":"Easy to understand" },{ "type": "thumb-up", "id": "solvedMyProblem", "label":"Solved my problem" },{ "type": "thumb-up", "id": "otherUp", "label":"Other" }] </template> <template class="thumb-rating-feedback"> <devsite-feedback position="thumb-rating" project-name="Google Maps Platform" product-id="81777" bucket="" context="Maps API Product Family" version="t-devsite-webserver-20210506-r01-rc00.435049445564484835" data-label="Send Feedback Button" track-type="feedback" track-name="sendFeedbackLink" track-metadata-position="thumb-rating" project-icon="https://developers.google.com/maps/images/maps-icon.svg" feedback-type="thumb-rating"> <button> Need to tell us more? </button> </devsite-feedback> </template> </devsite-thumb-rating> </div> <devsite-feedback position="header" project-name="Google Maps Platform" product-id="81777" bucket="" context="Maps API Product Family" version="t-devsite-webserver-20210506-r01-rc00.435049445564484835" data-label="Send Feedback Button" track-type="feedback" track-name="sendFeedbackLink" track-metadata-position="header" project-icon="https://developers.google.com/maps/images/maps-icon.svg" feedback-type="thumb-rating"> <button> Send feedback </button> </devsite-feedback> <h1 class="devsite-page-title">API Picker<devsite-bookmark></devsite-bookmark></h1> <devsite-toc class="devsite-nav" devsite-toc-embedded> </devsite-toc> <div class="devsite-article-body clearfix "> <p>The API picker lists the most common things you may want to do on a map or with location-based data, and suggests the API that best suits your needs. For details about each API, follow the links to the related documentation. </p> <input type="text" class="devsite-filter" placeholder="Type your keyword here to find the right API" data-div="api-table" data-classes="function,api" data-ga-search="/maps/documentation/api-picker/search?apiSearch="/> <div id="api-table" class="main" style="padding: 0;"> <table> <thead> <tr> <th style="width: 40%;">What do you want to do?</th> <th style="width: 40%;">Useful APIs:</th> </tr> </thead> <tbody class="list"> <tr> <td class="function"><b>Add a map to an Android app.</b> Optionally support map gestures for tilt, rotate, zoom and pan, with full control over the map's 3D camera.  </td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/android-sdk">Maps SDK for Android</a></li> </ul> </td> </tr> <tr> <td class="function"><b>Add a map to an iOS app.</b> Optionally support map gestures for tilt, rotate, zoom and pan, with full control over the map's 3D camera.  </td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/ios-sdk">Maps SDK for iOS</a></li> </ul> </td> </tr> <tr> <td class="function"><b>Add a map to a web page.</b> Customize the map with your own data and imagery. Optionally support map controls, as well as gestures on the mobile web.  </td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript">Maps JavaScript API</a></li> </ul> </td> </tr> <tr> <td class="function"><b>Add a map to a web page</b> via a simple HTTP request consisting of just a URL and parameters. Useful in blogs and other places where you can't add <code translate="no" dir="ltr"><script></code> tags.  </td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/embed">Maps Embed API</a></li> </ul> </td> </tr> <tr> <td class="function"><strong>Add a Local Context map to a web page.</strong> The Local Context map is a simple and flexible UI widget that shows users key places of interest near a location that you specify. The Local Context Library consists of an interactive map with a side panel containing a place chooser consisting of a gallery of photos. You can filter the list of places based on type, provide driving directions, and customize the visual appearance of the widget.  </td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/local-context">Local Context Library, Maps JavaScript API</a></li> </ul> </td> </tr> <tr> <td class="function"><b>Draw a route</b> on a map.  </td> <td class="api"> <ul class="gc-picker-list"> <li>Polylines in the <a href="/web/20210513140303/https://developers.google.com/maps/documentation/android-sdk/polygon-tutorial">Maps SDK for Android</a></li> <li>Polylines in the <a href="/web/20210513140303/https://developers.google.com/maps/documentation/ios-sdk/shapes">Maps SDK for iOS</a></li> <li>Polylines in the <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/shapes">Maps JavaScript API</a></li> <li>Paths in the <a href="/web/20210513140303/https://developers.google.com/maps/documentation/maps-static/intro#Paths">Maps Static API</a></li> </ul> </td> </tr> <tr> <td class="function"><b>Draw a route</b> between two or more specified points on the map showing the distance and travel time, using various forms of transport: walking, driving, cycling, public transit, and flying.  </td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/embed/guide#directions">Maps Embed API</a></li> </ul> </td> </tr> <tr> <td class="function"><b>Get directions data</b> from origin to destination using various forms of transport: walking, driving, cycling, public transit.  </td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/directions">Directions service</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/directions-simple">examples</a>) </li> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/directions">Directions API</a> (web service)</li> </ul> </td> </tr> <tr> <td class="function"><b>Visualize features and arbitrary data</b> on a map.</td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/android-sdk/utility/geojson">GeoJSON utility</a> for the Maps SDK for Android </li> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/datalayer">Data layer</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/layer-data-simple">examples</a>) </li> </ul> </td> </tr> <tr> <td class="function"><b>Use a heatmap</b> to visualize the intensity of data at geographical points, using graded colors. Examples of such data include population density, temperature, traffic congestion, and more. </td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/android-sdk/utility/heatmap">Heatmap utility</a> in the Maps SDK for Android Utility Library</li> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/heatmaplayer">Heatmap layer</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/layer-heatmap">example</a>) </li> </ul> </td> </tr> <tr> <td class="function">Visualize <b>KML</b> data on a map.</td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/kmllayer">KML layer</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/layer-kml">examples</a>) </li> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/android-sdk/utility/kml">KML utility</a> for the Maps SDK for Android </li> </ul> </td> </tr> <tr> <td class="function">Visualize <b>GeoRSS</b> data on a map.</td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/kmllayer">KML layer</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/layer-georss">example</a>) </li> </ul> </td> </tr> <tr> <td class="function"><b>Draw polygons, rectangles, polylines, circles, markers, and info windows (popups)</b> on a map.  </td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/android-sdk/polygon-tutorial">Maps SDK for Android</a></li> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/ios-sdk/marker">Maps SDK for iOS</a></li> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/overlays">Overlays</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/marker-simple">examples</a>) </li> </ul> </td> </tr> <tr> <td class="function">Provide a <b>graphical interface with tools for users</b> to draw on the map.  </td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/drawinglayer">Drawing library</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/drawing-tools">example</a>) </li> </ul> </td> </tr> <tr> <td class="function"><b>Add an image to a map</b>, as an overlay at a specified location.</td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/android-sdk/groundoverlay">Maps SDK for Android</a></li> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/ios-sdk/overlays">Maps SDK for iOS</a></li> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/groundoverlays">Ground overlays</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/groundoverlay-simple">example</a>) </li> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/customoverlays">Custom overlays</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/overlay-simple">example</a>) </li> </ul> </td> </tr> <tr> <td class="function"><b>Add interactive Street View panoramas</b> to your application, set the location of the panorama, manipulate the Street View camera (point of view), and more. </td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/android-sdk/streetview">Maps SDK for Android</a></li> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/ios-sdk/streetview">Maps SDK for iOS</a></li> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/streetview">Street View service</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/streetview-simple">examples</a>) </li> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/embed/guide#streetview">Maps Embed API</a></li> </ul> </td> </tr> <tr> <td class="function"><b>Display a static Street View panorama.</b></td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/streetview">Street View Static API</a></li> </ul> </td> </tr> <tr> <td class="function">Perform <b>spherical geometry computations</b> to calculate angles, heading, distances and areas, from latitudes and longitudes.</td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/android-sdk/utility">Spherical geometry utility</a> in the Maps SDK for Android Utility Library</li> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/geometry">Geometry library</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/geometry-headings">examples</a>) </li> </ul> </td> </tr> <tr> <td class="function"><b>Encode a sequence of latitude/longitude coordinates</b> (LatLngs) into an encoded path string, and decode an encoded path string into a sequence of LatLngs.</td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/android-sdk/utility">Polyline utility</a> in the Maps SDK for Android Utility Library</li> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/geometry">Geometry library</a> in the Maps JavaScript API </li> </ul> </td> </tr> <tr> <td class="function"><b>Open the Google Maps app</b> on iOS, Android, or web, via a URL. This is a handy way to launch Google Maps from an app, an email message, or a web page. For example, launch the Maps app with a directions request, to give your users access to turn-by-turn navigation.  </td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/urls/guide">Universal, cross-platform Maps URLs</a></li> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/urls/android-intents">Intents in the Maps SDK for Android</a></li> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/urls/ios-urlscheme">Google Maps URL Scheme in the Maps SDK for iOS</a></li> </ul> </td> </tr> <tr> <td class="function"><b>Customize the look of a map.</b></td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/android-sdk/styling">Maps SDK for Android</a></li> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/ios-sdk/styling">Maps SDK for iOS</a></li> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/styling">Styles</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/maptype-styled-simple">example</a>) </li> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/maps-static/styling">Maps Static API</a></li> </ul> </td> </tr> <tr> <td class="function">Use <b>vector-based images</b> to add predefined and custom shapes to markers and polylines on a map, using SVG path notation. Examples of such shapes are arrows, dashed lines, custom paths and symbols animated along a path.</td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/symbols">Symbols</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/marker-symbol-predefined">examples</a>) </li> </ul> </td> </tr> <tr> <td class="function">Show <b>public transport routes</b> on a map.  </td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/trafficlayer#transit_layer">Transit layer</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/layer-transit">example</a>) </li> </ul> </td> </tr> <tr> <td class="function">Show <b>cycle routes</b> on a map.</td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/trafficlayer#bicycling_layer">Bicycle layer</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/layer-bicycling">example</a>) </li> </ul> </td> </tr> <tr> <td class="function">Show <b>current traffic conditions</b> on a map. </td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/trafficlayer">Traffic layer</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/layer-traffic">example</a>) </li> </ul> </td> </tr> <tr> <td class="function">Find the latitude/longitude coordinates for a given address (<b>geocoding</b>), or convert the latitude/longitude coordinates of a geographic location to an address (<b>reverse geocoding</b>).  </td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/geocoding">Geocoding service</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/geocoding-simple">examples</a>)</li> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/geocoding">Geocoding API</a> (web service) </li> <li><a href="/web/20210513140303/https://developers.google.com/places/web-service/search">Places API</a> (web service)</li> </ul> </td> </tr> <tr> <td class="function"><b>Find the maximum zoom level for satellite imagery</b> at a specific location.</td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/maxzoom">Google Maximum Zoom Imagery service</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/maxzoom-simple">example</a>) </li> </ul> </td> </tr> <tr> <td class="function"><b>Find nearby businesses and other places, or search for places</b> by place type or with a query string.  </td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/places">Places library</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/place-search">examples</a>) </li> <li><a href="/web/20210513140303/https://developers.google.com/places/web-service/search">Places API</a> (web service) </li> </ul> </td> </tr> <tr> <td class="function"><b>Get the name, address, opening hours, and other details of a place</b>, including customer ratings and reviews.</td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/places">Places library</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/place-details">example</a>) </li> <li><a href="/web/20210513140303/https://developers.google.com/places/web-service/details">Places API</a> (web service) </li> </ul> </td> </tr> <tr> <td class="function"><b>Add the type-ahead search behavior of the Google Maps search field</b> to your app.</td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/places/android-sdk/autocomplete">Place Autocomplete</a> in the Places SDK for Android</li> <li><a href="/web/20210513140303/https://developers.google.com/places/ios-sdk/autocomplete">Place Autocomplete</a> in the Places SDK for iOS</li> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/places-autocomplete">Place Autocomplete widget</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete">example</a>) </li> <li><a href="/web/20210513140303/https://developers.google.com/places/web-service/autocomplete">Place Autocomplete</a> in the Places API (web service) </li> </ul> </td> </tr> <tr> <td class="function"><b>Autofill an address form.</b></td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/places/android-sdk/autocomplete">Place Autocomplete</a> in the Places SDK for Android</li> <li><a href="/web/20210513140303/https://developers.google.com/places/ios-sdk/autocomplete">Place Autocomplete</a> in the Places SDK for iOS</li> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/places-autocomplete">Place Autocomplete widget</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform">example</a>) </li> <li><a href="/web/20210513140303/https://developers.google.com/places/web-service/autocomplete">Place Autocomplete</a> in the Places API (web service) </li> </ul> </td> </tr> <tr> <td class="function"><b>Add a missing business to Google Maps.</b>  </td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/places/android-sdk/add-place">Places SDK for Android</a></li> <li><a href="/web/20210513140303/https://developers.google.com/places/ios-sdk/add-place">Places SDK for iOS</a></li> </ul> </td> </tr> <tr> <td class="function"><b>Find photos of businesses and other points of interest</b>, sourced from the Places and Google+ databases.</td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/places/android-sdk/photos">Place Photos</a> in the Places SDK for Android</li> <li><a href="/web/20210513140303/https://developers.google.com/places/web-service/photos">Photos service</a> in the Places API (web service)</li> </ul> </td> </tr> <tr> <td class="function"><b>Display search results for the visible region on a map</b>, including nearby businesses and other places.</td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/embed/guide#search">Maps Embed API</a></li> </ul> </td> </tr> <tr> <td class="function"><b>Get a location and accuracy radius based on information about cell towers and WiFi nodes</b> that a mobile client can detect. Useful when GPS is not available, for example.</td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/geolocation">Geolocation API</a> (web service)</li> </ul> </td> </tr> <tr> <td class="function"><b>Get businesses or other places where the device is currently located.</b></td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/places/android-sdk/current-place">Current Place</a> in the Places SDK for Android</li> <li><a href="/web/20210513140303/https://developers.google.com/places/ios-sdk/add-place">Current Place</a> in the Places SDK for iOS</li> </ul> </td> </tr> <tr> <td class="function"><b>Display a fixed image of a map</b>, and optionally add markers, polygons, rectangles, polylines, circles and customized styling. This is useful, for example, if you don't need an interactive map and want to optimize performance and size.</td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/maps-static">Maps Static API</a></li> </ul> </td> </tr> <tr> <td class="function"><b>Calculate the travel distance and travel time for multiple origins and destinations</b>, optionally specifying various forms of transport: walking, driving, cycling.</td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/distancematrix">Distance Matrix service</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/distance-matrix">example</a>) </li> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/distance-matrix">Distance Matrix API</a> (web service)</li> </ul> </td> </tr> <tr> <td class="function"><b>Find height above sea level and depth of locations on the ocean floor.</b></td> <td class="api"> <ul class="gc-picker-list"> <li> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/elevation">Elevation service</a> in the Maps JavaScript API (<a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/examples/elevation-simple">examples</a>) </li> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/elevation">Elevation API</a> (web service)</li> </ul> </td> </tr> <tr> <td class="function"><b>Find the time zone name, time offset data and daylight saving time</b> for a location.</td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/timezone">Time Zone API</a> (web service)</li> </ul> </td> </tr> <tr> <td class="function"><b>Determine the speed limit for a section of road.</b>  </td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/roads/speed-limits">Roads API</a> (web service)</li> </ul> </td> </tr> <tr> <td class="function"><b>Determine the roads on which a vehicle traveled.</b> Snap a set of GPS coordinates to the most likely road the vehicle was traveling, or find the nearest road segments. </td> <td class="api"> <ul class="gc-picker-list"> <li><a href="/web/20210513140303/https://developers.google.com/maps/documentation/roads/intro">Roads API</a> (web service)</li> </ul> </td> </tr> </tbody> </table> </div> </div> <devsite-thumb-rating position="footer"> <template class="thumb-down-categories"> [{ "type": "thumb-down", "id": "missingTheInformationINeed", "label":"Missing the information I need" },{ "type": "thumb-down", "id": "tooComplicatedTooManySteps", "label":"Too complicated / too many steps" },{ "type": "thumb-down", "id": "outOfDate", "label":"Out of date" },{ "type": "thumb-down", "id": "samplesCodeIssue", "label":"Samples/Code issue" },{ "type": "thumb-down", "id": "otherDown", "label":"Other" }] </template> <template class="thumb-up-categories"> [{ "type": "thumb-up", "id": "easyToUnderstand", "label":"Easy to understand" },{ "type": "thumb-up", "id": "solvedMyProblem", "label":"Solved my problem" },{ "type": "thumb-up", "id": "otherUp", "label":"Other" }] </template> <template class="thumb-rating-feedback"> <devsite-feedback position="thumb-rating" project-name="Google Maps Platform" product-id="81777" bucket="" context="Maps API Product Family" version="t-devsite-webserver-20210506-r01-rc00.435049445564484835" data-label="Send Feedback Button" track-type="feedback" track-name="sendFeedbackLink" track-metadata-position="thumb-rating" project-icon="https://developers.google.com/maps/images/maps-icon.svg" feedback-type="thumb-rating"> <button> Need to tell us more? </button> </devsite-feedback> </template> </devsite-thumb-rating> <devsite-feedback position="footer" project-name="Google Maps Platform" product-id="81777" bucket="" context="Maps API Product Family" version="t-devsite-webserver-20210506-r01-rc00.435049445564484835" data-label="Send Feedback Button" track-type="feedback" track-name="sendFeedbackLink" track-metadata-position="footer" project-icon="https://developers.google.com/maps/images/maps-icon.svg" feedback-type="thumb-rating"> <button> Send feedback </button> </devsite-feedback> </article> <devsite-content-footer class="nocontent"> <p>Except as otherwise noted, the content of this page is licensed under the <a href="https://web.archive.org/web/20210513140303/https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 License</a>, and code samples are licensed under the <a href="https://web.archive.org/web/20210513140303/https://www.apache.org/licenses/LICENSE-2.0">Apache 2.0 License</a>. For details, see the <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/site-policies">Google Developers Site Policies</a>. Java is a registered trademark of Oracle and/or its affiliates.</p> <p>Last updated 2021-05-12 UTC.</p> </devsite-content-footer> </devsite-content> </main> <devsite-footer-promos class="devsite-footer"> <nav class="devsite-footer-promos nocontent" aria-label="Promotions"> <ul class="devsite-footer-promos-list"> <li class="devsite-footer-promo"> <a href="https://web.archive.org/web/20210513140303/http://stackoverflow.com/questions/tagged/google-maps" class="devsite-footer-promo-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Promo Link (index 1)"> <img class="devsite-footer-promo-icon" src="/web/20210513140303im_/https://developers.google.com/site-assets/logo-stack-overflow.svg" loading="lazy" alt="Stack Overflow"> Stack Overflow </a> <div class="devsite-footer-promo-description">Ask a question under the google-maps tag.</div> </li> <li class="devsite-footer-promo"> <a href="https://web.archive.org/web/20210513140303/https://github.com/googlemaps/" class="devsite-footer-promo-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Promo Link (index 2)"> <img class="devsite-footer-promo-icon" src="/web/20210513140303im_/https://developers.google.com/site-assets/logo-github.svg" loading="lazy" alt="GitHub"> GitHub </a> <div class="devsite-footer-promo-description">Fork our samples and try them yourself.</div> </li> <li class="devsite-footer-promo"> <a href="https://web.archive.org/web/20210513140303/https://cloud.google.com/blog/products/maps-platform" class="devsite-footer-promo-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Promo Link (index 3)"> <img class="devsite-footer-promo-icon" src="/web/20210513140303im_/https://developers.google.com/maps/images/lhimages/api/icon_placesapi.svg" loading="lazy" alt="Blog"> Blog </a> <div class="devsite-footer-promo-description">Read about the latest updates, customer stories, and tips.</div> </li> <li class="devsite-footer-promo"> <a href="https://web.archive.org/web/20210513140303/https://issuetracker.google.com/bookmark-groups/76561" class="devsite-footer-promo-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Promo Link (index 4)"> <img class="devsite-footer-promo-icon" src="/web/20210513140303im_/https://developers.google.com/site-assets/developers_64dp.png" loading="lazy" alt="Issue Tracker"> Issue Tracker </a> <div class="devsite-footer-promo-description">Something wrong? Send us a bug report!</div> </li> </ul> </nav> </devsite-footer-promos> <devsite-footer-linkboxes class="devsite-footer"> <nav class="devsite-footer-linkboxes nocontent" aria-label="Footer links"> <ul class="devsite-footer-linkboxes-list"> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Learn More</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="/web/20210513140303/https://developers.google.com/maps/faq" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)"> FAQ </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/api-picker" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)"> API Picker </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210513140303/https://developers.google.com/maps/documentation/javascript/tutorials" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)"> Tutorials </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Platforms</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="/web/20210513140303/https://developers.google.com/maps/apis-by-platform#android" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)"> Android </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210513140303/https://developers.google.com/maps/apis-by-platform#ios" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)"> iOS </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210513140303/https://developers.google.com/maps/apis-by-platform#web_apis" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)"> Web </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210513140303/https://developers.google.com/maps/apis-by-platform#web_service_apis" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)"> Web Services </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Product Info</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="/web/20210513140303/https://developers.google.com/maps/pricing-and-plans" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-action="linkClick" data-label="footerMen" data-category="pricingAndPlans"> Pricing and Plans </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://web.archive.org/web/20210513140303/https://cloud.google.com/contact-maps/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-action="linkClick" data-label="footerMenu" data-category="contactSales"> Contact Sales </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/maps/support/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)"> Support </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://web.archive.org/web/20210513140303/https://cloud.google.com/maps-platform/terms" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)"> Terms of Service </a> </li> </ul> </li> </ul> </nav> </devsite-footer-linkboxes> <devsite-footer-utility class="devsite-footer"> <div class="devsite-footer-utility nocontent"> <nav class="devsite-footer-sites" aria-label="Other Google Developers websites"> <a href="https://web.archive.org/web/20210513140303/https://developers.google.com/" class="devsite-footer-sites-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Developers Link"> <img class="devsite-footer-sites-logo" src="https://web.archive.org/web/20210513140303im_/https://www.gstatic.com/devrel-devsite/prod/va16bb1b8e431a4d4f63ff4fba8ff7086a1107b3790bb14961ea206ea5eda2218/developers/images/lockup-developers.svg" loading="lazy" alt="Google Developers"> </a> <ul class="devsite-footer-sites-list"> <li class="devsite-footer-sites-item"> <a href="//web.archive.org/web/20210513140303/https://developer.android.com/" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Android Link"> Android </a> </li> <li class="devsite-footer-sites-item"> <a href="//web.archive.org/web/20210513140303/https://developer.chrome.com/home" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Chrome Link"> Chrome </a> </li> <li class="devsite-footer-sites-item"> <a href="//web.archive.org/web/20210513140303/https://firebase.google.com/" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Firebase Link"> Firebase </a> </li> <li class="devsite-footer-sites-item"> <a href="//web.archive.org/web/20210513140303/https://cloud.google.com/" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Cloud Platform Link"> Google Cloud Platform </a> </li> <li class="devsite-footer-sites-item"> <a href="/web/20210513140303/https://developers.google.com/products" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer All products Link"> All products </a> </li> </ul> </nav> <nav class="devsite-footer-utility-links" aria-label="Utility links"> <ul class="devsite-footer-utility-list"> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="/web/20210513140303/https://developers.google.com/terms/site-terms" data-category="Site-Wide Custom Events" data-label="Footer Terms link"> Terms </a> </li> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="//web.archive.org/web/20210513140303/https://policies.google.com/privacy" data-category="Site-Wide Custom Events" data-label="Footer Privacy link"> Privacy </a> </li> <li class="devsite-footer-utility-item devsite-footer-utility-button"> <span class="devsite-footer-utility-description">Sign up for the Google Developers newsletter</span> <a class="devsite-footer-utility-link gc-analytics-event" href="//web.archive.org/web/20210513140303/https://services.google.com/fb/forms/googledevelopersnewsletter/?utm_medium=referral&utm_source=google-products&utm_team=googledevs&utm_campaign=201611-newsletter-launch" data-category="Site-Wide Custom Events" data-label="Footer Subscribe link"> Subscribe </a> </li> </ul> <devsite-language-selector> <devsite-select class="devsite-language-selector-menu"> <select aria-label="Select your language preference." class="devsite-language-selector-select" name="language" track-name="click" track-type="languageSelector"> <option>Language</option> <option value="en" lang="en" track-metadata-original-language="en" track-metadata-selected-language="en" track-name="changed" track-type="languageSelector"> English </option> <option value="id" lang="id" track-metadata-original-language="en" track-metadata-selected-language="id" track-name="changed" track-type="languageSelector"> Bahasa Indonesia </option> <option value="de" lang="de" track-metadata-original-language="en" track-metadata-selected-language="de" track-name="changed" track-type="languageSelector"> Deutsch </option> <option value="es" lang="es" track-metadata-original-language="en" track-metadata-selected-language="es" track-name="changed" track-type="languageSelector"> Español </option> <option value="fr" lang="fr" track-metadata-original-language="en" track-metadata-selected-language="fr" track-name="changed" track-type="languageSelector"> Français </option> <option value="pt_br" lang="pt_br" track-metadata-original-language="en" track-metadata-selected-language="pt_br" track-name="changed" track-type="languageSelector"> Português – Brasil </option> <option value="ru" lang="ru" track-metadata-original-language="en" track-metadata-selected-language="ru" track-name="changed" track-type="languageSelector"> Русский </option> <option value="zh_cn" lang="zh_cn" track-metadata-original-language="en" track-metadata-selected-language="zh_cn" track-name="changed" track-type="languageSelector"> 中文 – 简体 </option> <option value="ja" lang="ja" track-metadata-original-language="en" track-metadata-selected-language="ja" track-name="changed" track-type="languageSelector"> 日本語 </option> <option value="ko" lang="ko" track-metadata-original-language="en" track-metadata-selected-language="ko" track-name="changed" track-type="languageSelector"> 한국어 </option> </select> </devsite-select> </devsite-language-selector> </nav> </div> </devsite-footer-utility> </section></section> <devsite-sitemask></devsite-sitemask> <devsite-snackbar></devsite-snackbar> <devsite-tooltip></devsite-tooltip> <devsite-heading-link></devsite-heading-link> <devsite-analytics enable-analytics-iframe> <script type="application/json" analytics>[{"gaid": "UA-24532603-1", "dimensions": {"dimension11": false, "dimension1": "Signed out", "dimension4": "Google Maps Platform", "dimension3": false, "dimension8": null, "dimension6": "en", "dimension5": "en"}, "metrics": {"ratings_value": "metric1", "ratings_count": "metric2"}}]</script> <script type="application/json" gtm>{"parameters": {"freeTrialEligibleUser": "False", "internalUser": "False", "language": {"machineTranslated": "False", "requested": "en", "served": "en"}, "pageType": "article", "projectName": "Google Maps Platform", "scriptsafe": null, "signedIn": "False", "tenant": "developers", "recommendations": {"sourcePage": "", "sourceType": 0, "sourceRank": 0, "sourceIdenticalDescriptions": 0, "sourceTitleWords": 0, "sourceDescriptionWords": 0, "experiment": ""}}, "tags": ["GTM-5CVQBG"]}</script> </devsite-analytics> <devsite-badger></devsite-badger> <script nonce="k+I1O1MTQcYHwBuUQHaSgXN7w6G2go"> (function(d,e,v,s,i,t,E){d['GoogleDevelopersObject']=i; t=e.createElement(v);t.async=1;t.src=s;E=e.getElementsByTagName(v)[0]; E.parentNode.insertBefore(t,E);})(window, document, 'script', 'https://web.archive.org/web/20210513140303/https://www.gstatic.com/devrel-devsite/prod/va16bb1b8e431a4d4f63ff4fba8ff7086a1107b3790bb14961ea206ea5eda2218/developers/js/app_loader.js', '[1,"en",null,"/js/devsite_app_module.js","https://web.archive.org/web/20210513140303/https://www.gstatic.com/devrel-devsite/prod/va16bb1b8e431a4d4f63ff4fba8ff7086a1107b3790bb14961ea206ea5eda2218","https://web.archive.org/web/20210513140303/https://www.gstatic.com/devrel-devsite/prod/va16bb1b8e431a4d4f63ff4fba8ff7086a1107b3790bb14961ea206ea5eda2218/developers","https://web.archive.org/web/20210513140303/https://developers-dot-devsite-v2-prod.appspot.com",null,null,["/_pwa/developers/manifest.json","https://web.archive.org/web/20210513140303/https://www.gstatic.com/devrel-devsite/prod/va16bb1b8e431a4d4f63ff4fba8ff7086a1107b3790bb14961ea206ea5eda2218/images/video-placeholder.svg","https://web.archive.org/web/20210513140303/https://www.gstatic.com/devrel-devsite/prod/va16bb1b8e431a4d4f63ff4fba8ff7086a1107b3790bb14961ea206ea5eda2218/developers/images/favicon.png","https://web.archive.org/web/20210513140303/https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700|Material+Icons"],1,null,[1,6,8,12,14,17,21,25,40,45,50,63,70,75,76,80,87,88,91,92,93,97,98,100,101,102,103,105,107,108,111,112,113,115,117,118,120,122,123,124,125,127,129,131,132,133,134,135,136],"AIzaSyAP-jjEJBzmIyKR4F-3XITp8yM9T1gEEI8","AIzaSyB6xiKGDR5O3Ak2okS4rLkauxGUG7XP0hg"]') </script> <devsite-a11y-announce></devsite-a11y-announce> </body> </html>

CINXE.COM

API Picker | Google Maps Platform | Google Developers