Google Maps Platform | Google Developers

<!doctype html> <html lang="en" dir="ltr"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_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="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://developers.google.com/maps/","20210518090646","https://web.archive.org/","web","/_static/", "1621328806"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_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/20210518090646/https://developers.google.com/_pwa/developers/manifest.json" crossorigin="use-credentials"> <link rel="preconnect" href="//web.archive.org/web/20210518090646/https://www.gstatic.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210518090646/https://fonts.gstatic.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210518090646/https://fonts.googleapis.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210518090646/https://apis.google.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210518090646/https://www.google-analytics.com/" crossorigin><link rel="stylesheet" href="//web.archive.org/web/20210518090646cs_/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/20210518090646cs_/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/developers/css/app.css"><link rel="shortcut icon" href="https://web.archive.org/web/20210518090646im_/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/developers/images/favicon.png"> <link rel="apple-touch-icon" href="https://web.archive.org/web/20210518090646im_/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/developers/images/touchicon-180.png"><link rel="canonical" href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps"><link rel="search" type="application/opensearchdescription+xml" title="Google Developers" href="https://web.archive.org/web/20210518090646/https://developers.google.com/s/opensearch.xml"> <title>Google Maps Platform  |  Google Developers</title> <meta property="og:title" content="Google Maps Platform | Google Developers"><meta name="description" content="Google Maps Platform descriptions"> <meta property="og:description" content="Google Maps Platform descriptions"><meta property="og:url" content="https://web.archive.org/web/20210518090646/https://developers.google.com/maps"><meta property="og:image" content="https://web.archive.org/web/20210518090646im_/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/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"> </head> <body class="maps-landing" template="landing" theme="white" type="landing" layout="full" 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/20210518090646/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/20210518090646im_/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/20210518090646/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"> <h1 class="devsite-product-name"><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</h1> </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/20210518090646/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/20210518090646/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/20210518090646/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> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="documentation" 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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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="es_419" lang="es_419" track-metadata-original-language="en" track-metadata-selected-language="es_419" track-name="changed" track-type="languageSelector"> Español – América Latina </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="zh_tw" lang="zh_tw" track-metadata-original-language="en" track-metadata-selected-language="zh_tw" 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"> <div class="devsite-product-description">Google Maps Platform descriptions</div> </div> <div class="devsite-product-button-row"> <a href="https://web.archive.org/web/20210518090646/https://cloud.google.com/contact-maps" class="button ">Contact Sales</a> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/gmp-get-started" class="button button-primary ">Get Started</a> </div> </div> </div> </div> </div> </devsite-header> <devsite-book-nav scrollbars hidden> <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/20210518090646/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/20210518090646im_/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/20210518090646/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"> <h1 class="devsite-product-name"><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</h1> </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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/https://developers.google.com/maps/documentation" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " 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/20210518090646/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="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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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"> <devsite-toc class="devsite-nav" disabled></devsite-toc> <devsite-content> <article class="devsite-article"><style> /* Styles inlined from /maps/styles/maps-landing.css */ /* Background */ .maps-landing [background=grey] { background-color: #fbfbfb; } /* Hide header description for this landing page */ .maps-landing .devsite-product-id-row { justify-content: flex-end; } .maps-landing .devsite-product-description-row { visibility: hidden; display: none; } /* Row Padding & Margins */ .maps-landing .maps-landing-row-pad-top-default { padding-top: 80px !important;; padding-bottom: unset; } .maps-landing .maps-landing-row-pad-top-med { padding-top: 72px !important;; padding-bottom: unset; } .maps-landing .maps-landing-row-pad-top-small { padding-top: 42px !important; padding-bottom: unset; } @media only screen and (max-width: 840px) { .maps-landing .maps-landing-row-pad-top-default { padding-top: 40px !important;; } .maps-landing .maps-landing-row-pad-top-med { padding-top: 36px !important;; } } .maps-landing .maps-landing-row-pad-bottom-default { padding-bottom: 80px !important;; } .maps-landing .maps-landing-row-pad-bottom-small { padding-bottom: 42px !important;; } @media only screen and (max-width: 840px) { .maps-landing .maps-landing-row-pad-bottom-default { padding-bottom: 40px !important;; } } .maps-landing .devsite-landing-row-group, .maps-landing .devsite-landing-row-html, .maps-landing .devsite-landing-row-header { max-width: 1488px; } /* End Row Padding */ /* Typography */ .maps-landing h1, .maps-landing h2, .maps-landing h3 { color: #202124; margin-bottom: 14px; margin-top: 0; } .maps-landing .devsite-landing-row h1 { font-size: 44px; line-height: 52px; } .maps-landing .devsite-landing-row h2 { font-size: 28px; line-height: 36px; } .maps-landing .devsite-landing-row h3 { font-weight: 500; font-size: 16px; line-height: 24px; } .maps-landing .devsite-landing-row p { font-weight: normal; line-height: 24px; letter-spacing: 0.1px; color: #5f6368; } .maps-landing .description-subtitle-text p { font-size: 13px; line-height: 16px; } .no-link { text-decoration: none; color: #5f6368; } /* End Typography */ /* Hero */ .maps-landing .maps-landing-hero { background-image: url('/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-hero.png'); background-repeat: no-repeat; background-position: top right; background-size: contain; } .maps-landing .maps-landing-hero .devsite-landing-row-item-description { max-width: 406px; } /* End Hero */ /* Code Picker */ .maps-landing .maps-landing-code-picker h2 { margin-bottom: 32px !important; } /* End Code Picker */ /* Tab Section */ .maps-landing .maps-landing-card-tabs devsite-selector, .maps-landing .maps-landing-card-tabs devsite-tabs { border: none; } devsite-selector devsite-tabs tab a { font-size: 20px; } devsite-selector>section { padding: 0 !important; } .maps-landing .landing-row-cards .landing-row-item h3 { margin-bottom: 0 !important; } .maps-landing .maps-landing-card-tabs .landing-row-cards { display: flex; justify-content: center; margin: 35px 0 0 0 !important; grid-gap: 24px; grid-template-columns: repeat(4,1fr); } .maps-landing .maps-landing-card-tabs .landing-row-item { max-width: 342px; } @media only screen and (max-width: 840px) { .maps-landing .maps-landing-card-tabs .landing-row-cards { display: grid; grid-template-columns: repeat(2,1fr); } .maps-landing .maps-landing-card-tabs .landing-row-item { max-width: unset; } } @media only screen and (max-width: 600px) { .maps-landing .maps-landing-card-tabs .landing-row-cards { grid-template-columns: 1fr; } } .maps-landing .maps-landing-card-tabs .landing-row-item { border-radius: 8px; overflow: hidden; position: relative; flex: 1 0; min-width: 0; } .maps-landing .maps-landing-card-tabs .landing-row-item img { vertical-align: middle; width: 100%; } .maps-landing .maps-landing-card-tabs .landing-row-item .landing-row-item-description { padding: 16px; } .maps-landing .maps-landing-card-tabs .devsite-tabs-wrapper { justify-content: center; } /* End Tab Section */ /* Basic Card Sections */ .maps-landing .maps-landing-card-row figure { background: none; height: 48px; align-items: center; display: flex; margin: 16px 0 0 16px; } .maps-landing .maps-landing-card-row img { width: 48px; } .maps-landing .maps-landing-card-row .devsite-landing-row-item, .maps-landing .maps-landing-api-cols .devsite-landing-row-item, .maps-landing .maps-landing-card-tabs .landing-row-item { border: none; box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px rgba(60, 64, 67, 0.15); } .maps-landing .maps-landing-card-row { max-width: 1575px; margin: 0 auto; border-radius: 30px; } /* End Basic Card Sections */ /* Search Section */ .maps-landing .maps-landing-docs-search { text-align: center; } .maps-landing .maps-landing-docs-search form { max-width: 660px; margin: 25px auto 0; position: relative; } .maps-landing .maps-landing-docs-search .material-icons { color: #5f6368; left: 8px; position: absolute; top: 6px; -webkit-transition: color .2s; transition: color .2s; } .maps-landing .maps-landing-docs-search input { width: 100%; padding: 8px 8px 8px 40px; border: none; border-radius: 8px; box-shadow: 0 4px 8px rgba(60, 64, 67, 0.15), 0 1px 3px rgba(60, 64, 67, 0.3), 0 6px 11px rgba(128, 134, 139, 0.06), 0 -3px 11px rgba(128, 134, 139, 0.09); } .maps-landing .maps-landing-docs-search .devsite-search-image:before { content: 'search'; } /* End Search Section */ /* API Cards Section */ .maps-landing .maps-landing-api-cols .devsite-landing-row-group { grid-gap: 48px 24px; } .maps-landing .maps-landing-api-cols .devsite-landing-row-item h3 { margin-bottom: 0 !important; } /* Title for first card of each column */ .maps-landing .maps-landing-api-cols .devsite-landing-row-column .devsite-landing-row-item:first-of-type h3 { font-size: 22px; line-height: 28px; } .maps-landing .maps-landing-api-cols p { margin: 10px 0; } @media only screen and (min-width: 600px) { .maps-landing .maps-landing-api-cols p { min-height: 48px; } } /* h3 of first column – blue */ .maps-landing .maps-landing-api-cols .devsite-landing-row-column:first-of-type h3 { color: #1a73e8; } /* buttons of first column – blue */ .maps-landing .maps-landing-api-cols .devsite-landing-row-column:first-of-type .button { border: 1px solid #1a73e8; } /* h3 of second column – yellow */ .maps-landing .maps-landing-api-cols .devsite-landing-row-column:nth-of-type(2) h3 { color: #f9ab00; } /* buttons of second column – yellow */ .maps-landing .maps-landing-api-cols .devsite-landing-row-column:nth-of-type(2) .button { border: 1px solid #f9ab00; } /* button hover of second column – yellow */ .maps-landing .maps-landing-api-cols .devsite-landing-row-column:nth-of-type(2) .button:hover { background: #f9ab0026; } /* h3 of third column – purple */ .maps-landing .maps-landing-api-cols .devsite-landing-row-column:nth-of-type(3) h3 { color: #9334e6; } /* buttons of third column – purple */ .maps-landing .maps-landing-api-cols .devsite-landing-row-column:nth-of-type(3) .button { border: 1px solid #9334e6; } /* button hover of third column – purple */ .maps-landing .maps-landing-api-cols .devsite-landing-row-column:nth-of-type(3) .button:hover { background: #9334e621; } .maps-landing .maps-landing-api-cols .devsite-landing-row-column > .devsite-landing-row-item:nth-of-type(n+2) { margin: 18px 0 0; } .maps-landing .maps-landing-api-cols .devsite-landing-row-item-buttons { padding-top: 10px; } .maps-landing .maps-landing-api-cols .button { border-radius: 11.5px; height: 24px; color: #9aa0a6; font-size: 12px; line-height: 16px; padding: 3px 12px 4px 12px; } /* End API Cards Section */ /* Marquee Sections */ .maps-landing .devsite-landing-row-marquee { padding: 80px 0 !important; } .maps-landing .devsite-landing-row-marquee .devsite-landing-row-item-description-content { margin-bottom: 20px; } .maps-landing .maps-landing-get-started .devsite-landing-row-item-media { grid-column: 2/span 4; display: flex; justify-content: center; } .maps-landing .maps-landing-get-started .devsite-landing-row-item-description { grid-column: 8/span 4; } /* End Marquee Sections */ </style> <div class="devsite-article-meta nocontent" role="navigation"> <ul class="devsite-breadcrumb-list" aria-label="Breadcrumb"> <li class="devsite-breadcrumb-item "> <a href="https://web.archive.org/web/20210518090646/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/20210518090646/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/20210518090646/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> </ul> </div> <devsite-feedback position="header" project-name="Google Maps Platform" product-id="81777" bucket="" context="Maps API Product Family" version="t-devsite-webserver-20210511-r02-rc02.435214142688440520" 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> <devsite-toc class="devsite-nav" devsite-toc-embedded disabled> </devsite-toc> <div class="devsite-article-body clearfix "> <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-50 devsite-landing-row-marquee maps-landing-hero" background="/web/20210518090646im_/https://developers.google.com/maps/grey" header-position="top"> <div class="devsite-landing-row-inner"> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="h1-idbuild-awesome-apps-with-googles-knowledge-of-the-real-world-data-textbuild-awesome-apps-with-googles-knowledge-of-the-real-worldbuild-awesome-apps-with-googles-knowledge-of-the-real-worldh1" data-text="Build awesome apps with Google’s knowledge of the real world" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/gmp-get-started"> <h1 id="build-awesome-apps-with-google’s-knowledge-of-the-real-world" data-text="Build awesome apps with Google’s knowledge of the real world">Build awesome apps with Google’s knowledge of the real world</h1> </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Create real-world, real-time experiences with the latest Maps, Routes, and Places features from Google Maps Platform. Built by the Google team for developers everywhere.</p> </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/gmp-get-started" class="button button-primary ">Get started</a> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation" class="button ">Read the docs</a> </div> </div> </div> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-4-up maps-landing-card-tabs maps-landing-row-pad-top-small" header-position="top"> <div class="devsite-landing-row-inner"> <div class="devsite-landing-row-html"> <devsite-selector> <section> <h3 id="top-topics" data-text="Top topics">Top topics</h3> <section class="landing-row-cards"> <div class="landing-row-item"> <div class="landing-row-item-media"> <figure class="landing-row-item-image"> <img alt="Using marker clustering - JavaScript" src="/web/20210518090646im_/https://developers.google.com/maps/images/landing/marker_cluster.jpg"/> </figure> </div> <div class="landing-row-item-description"> <div class="landing-row-item-body"> <h3 data-text="title" class="hide-from-toc" id="using-marker-clustering---javascript"><a href="/web/20210518090646/https://developers.google.com/maps/documentation/javascript/marker-clustering">Using marker clustering - JavaScript</a></h3> <p>Improve the user experience of your map with marker clustering.</p> </div> </div> </div> <div class="landing-row-item"> <div class="landing-row-item-media"> <figure class="landing-row-item-image"> <img alt="Using the Place Autocomplete widget - Android" src="/web/20210518090646im_/https://developers.google.com/maps/images/landing/autocomplete.jpg"/> </figure> </div> <div class="landing-row-item-description"> <div class="landing-row-item-body"> <h3 data-text="title" class="hide-from-toc" id="using-place-autocomplete---android"><a href="/web/20210518090646/https://developers.google.com/maps/documentation/places/android-sdk/autocomplete">Using Place Autocomplete - Android</a></h3> <p>Add a search field to your app powered by Google’s Place Autocomplete.</p> </div> </div> </div> <div class="landing-row-item"> <div class="landing-row-item-media"> <figure class="landing-row-item-image"> <img alt="Get the report: Unlocking Value with Location Intelligence" src="/web/20210518090646im_/https://developers.google.com/maps/images/landing/bcg.png"/> </figure> </div> <div class="landing-row-item-description"> <div class="landing-row-item-body"> <h3 data-text="title" class="hide-from-toc" id="get-the-report:-unlocking-value-with-location-intelligence"><a href="https://web.archive.org/web/20210518090646/https://mapsplatform.withgoogle.com/location-intelligence-report/home.html?utm_source=whitepaper&utm_medium=devpage&utm_campaign=FY21-Q1-global-demandgen-website-wd-GMP_BCG_Research&utm_content=bcg">Get the report: Unlocking Value with Location Intelligence</a></h3> <p>Learn how leaders across five industry verticals use geospatial data through new insights from Boston Consulting Group. </p> </div> </div> </div> <div class="landing-row-item"> <div class="landing-row-item-media"> <figure class="landing-row-item-image"> <img alt="Using terrain elevation - Unity" src="/web/20210518090646im_/https://developers.google.com/maps/images/landing/gaming_terrain.jpg"/> </figure> </div> <div class="landing-row-item-description"> <div class="landing-row-item-body"> <h3 data-text="title" class="hide-from-toc" id="using-terrain-elevation---unity"><a href="/web/20210518090646/https://developers.google.com/maps/documentation/gaming/elevation">Using terrain elevation - Unity</a></h3> <p>Add fully-styleable, three-dimensional terrain to your games.</p> </div> </div> </div> </section> </section> <section> <h3 id="whats-new" data-text="What's new">What's new</h3> <section class="landing-row-cards"> <div class="landing-row-item"> <div class="landing-row-item-media"> <figure class="landing-row-item-image"> <img alt="Cloud-based Maps styling features (beta)" src="/web/20210518090646im_/https://developers.google.com/maps/images/landing/styling_beta.jpg"/> </figure> </div> <div class="landing-row-item-description"> <div class="landing-row-item-body"> <h3 data-text="title" class="hide-from-toc" id="cloud-based-maps-styling-features-beta"><a href="https://web.archive.org/web/20210518090646/https://cloud.google.com/blog/products/maps-platform/introducing-new-maps-customization-features">Cloud-based Maps styling features (beta)</a></h3> <p>Design, manage, and deploy beautiful, custom-styled maps - all from the Google Maps Platform page in the Google Cloud console.</p> </div> </div> </div> <div class="landing-row-item"> <div class="landing-row-item-media"> <figure class="landing-row-item-image"> <img alt="Local Context (beta)" src="/web/20210518090646im_/https://developers.google.com/maps/images/landing/local_context_beta.jpg"/> </figure> </div> <div class="landing-row-item-description"> <div class="landing-row-item-body"> <h3 data-text="title" class="hide-from-toc" id="local-context-library-for-javascript-beta"><a href="https://web.archive.org/web/20210518090646/https://cloud.google.com/blog/products/maps-platform/announcing-local-context-beta-google-maps-platform">Local Context library for JavaScript (beta)</a></h3> <p>Add a rich, location-based experience to your JS app, with photos, points of interest, directions, and more, using our simple, flexible UI widget.</p> </div> </div> </div> <div class="landing-row-item"> <div class="landing-row-item-media"> <figure class="landing-row-item-image"> <img alt="Gaming services general availability" src="/web/20210518090646im_/https://developers.google.com/maps/images/landing/gaming_ga.jpg"/> </figure> </div> <div class="landing-row-item-description"> <div class="landing-row-item-body"> <h3 data-text="title" class="hide-from-toc" id="gaming-services-general-availability"><a href="https://web.archive.org/web/20210518090646/https://cloud.google.com/blog/products/maps-platform/google-maps-platform-gaming-services-now-available-everyone"> Gaming services general availability</a></h3> <p>Build real-world Unity games with 3D building models, roads, urban and geographic features, and Google’s knowledge of the real world.</p> </div> </div> </div> <div class="landing-row-item"> <div class="landing-row-item-media"> <figure class="landing-row-item-image"> <img alt="Vector map for JavaScript" src="/web/20210518090646im_/https://developers.google.com/maps/images/landing/vector_map.jpg"/> </figure> </div> <div class="landing-row-item-description"> <div class="landing-row-item-body"> <h3 data-text="title" class="hide-from-toc" id="vector-map-for-javascript"><a href="/web/20210518090646/https://developers.google.com/maps/documentation/javascript/vector-map">Vector map for JavaScript</a></h3> <p>It’s the map your users know and love from maps.google.com. Now available in your JavaScript apps for the first time.</p> </div> </div> </div> </section> </section> <section> <h3 id="tutorials" data-text="Tutorials">Tutorials</h3> <section class="landing-row-cards"> <div class="landing-row-item"> <div class="landing-row-item-media"> <figure class="landing-row-item-image"> <img alt="Codelab: Build your own current place picker - Android" src="/web/20210518090646im_/https://developers.google.com/maps/images/landing/place_picker.jpg"/> </figure> </div> <div class="landing-row-item-description"> <div class="landing-row-item-body"> <h3 data-text="title" class="hide-from-toc" id="codelab:-current-place-picker---android"><a href="https://web.archive.org/web/20210518090646/https://codelabs.developers.google.com/codelabs/location-places-android/">Codelab: Current place picker - Android </a></h3> <p>Display a list of places around the user’s current location.</p> </div> </div> </div> <div class="landing-row-item"> <div class="landing-row-item-media"> <figure class="landing-row-item-image"> <img alt="Build a map with a marker - JavaScript" src="/web/20210518090646im_/https://developers.google.com/maps/images/landing/marker_map.jpg"/> </figure> </div> <div class="landing-row-item-description"> <div class="landing-row-item-body"> <h3 data-text="title" class="hide-from-toc" id="build-a-map-with-a-marker---javascript"><a href="/web/20210518090646/https://developers.google.com/maps/documentation/javascript/adding-a-google-map">Build a map with a marker - JavaScript</a></h3> <p>Display a simple map that uses a marker to show a location.</p> </div> </div> </div> <div class="landing-row-item"> <div class="landing-row-item-media"> <figure class="landing-row-item-image"> <img alt="Gaming services quickstart" src="/web/20210518090646im_/https://developers.google.com/maps/images/landing/gaming_quickstart.png"/> </figure> </div> <div class="landing-row-item-description"> <div class="landing-row-item-body"> <h3 data-text="title" class="hide-from-toc" id="gaming-services-quickstart"><a href="/web/20210518090646/https://developers.google.com/maps/documentation/gaming/quick_start"> Gaming services quickstart</a></h3> <p>Create a scene in Unity that displays the Statue of Liberty.</p> </div> </div> </div> <div class="landing-row-item"> <div class="landing-row-item-media"> <figure class="landing-row-item-image"> <img alt="Deck.gl codelab" src="/web/20210518090646im_/https://developers.google.com/maps/images/landing/deck.jpg"/> </figure> </div> <div class="landing-row-item-description"> <div class="landing-row-item-body"> <h3 data-text="title" class="hide-from-toc" id="codelab:-data-visualization-with-deck.gl"><a href="https://web.archive.org/web/20210518090646/https://codelabs.developers.google.com/codelabs/maps-deck-gl"> Codelab: Data visualization with deck.gl</a></h3> <p>Visualize geospaital data at scale with deck.gl and the Maps JS API.</p> </div> </div> </div> </section> </section> </devsite-selector> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-1-up maps-landing-row-pad-top-med maps-landing-docs-search" header-position="top"> <div class="devsite-landing-row-inner"> <div class="devsite-landing-row-html"> <h2 id="read-the-docs" data-text="Read the docs">Read the docs</h2> <form action="/web/20210518090646/https://developers.google.com/s/results/maps"> <div class="devsite-search-image material-icons" aria-hidden="true" translate="no"> </div><input type="text" name="q" placeholder="Search docs"/> </form> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-3-up devsite-landing-row-cards maps-landing-api-cols maps-landing-row-pad-top-default" header-position="top"> <div class="devsite-landing-row-inner"> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-column"> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <img alt="" src="https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-api.png" srcset="https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-api_36.png 36w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-api_48.png 48w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-api_72.png 72w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-api_96.png 96w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-api_480.png 480w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-api_720.png 720w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-api_856.png 856w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-api_960.png 960w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-api_1440.png 1440w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-api_1920.png 1920w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-api_2880.png 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy"> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="maps" data-text="Maps" class="hide-from-toc no-link" tabindex="0"> Maps </h3> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="maps-sdks" data-text="Maps SDKs" class="hide-from-toc no-link" tabindex="0"> Maps SDKs </h3> <div class="devsite-landing-row-item-description-content"> <p>Bring the real world to your users with static and dynamic maps for the web and mobile.</p> </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/javascript" class="button ">JS</a> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/android-sdk" class="button ">Android</a> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/ios-sdk" class="button ">iOS</a> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="embedded-maps" data-text="Embedded maps" class="hide-from-toc no-link" tabindex="0"> Embedded maps </h3> <div class="devsite-landing-row-item-description-content"> <p>Add an interactive map to your site with a simple HTTP request.</p> </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/embed" class="button ">API</a> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="street-view-imagery" data-text="Street view imagery" class="hide-from-toc no-link" tabindex="0"> Street view imagery </h3> <div class="devsite-landing-row-item-description-content"> <p>Add 360° Street View imagery to your apps.</p> </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/javascript/streetview" class="button ">JS</a> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/streetview" class="button ">API</a> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="elevation" data-text="Elevation" class="hide-from-toc no-link" tabindex="0"> Elevation </h3> <div class="devsite-landing-row-item-description-content"> <p>Get the elevation of one or a series of locations.</p> </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/javascript/elevation" class="button ">JS</a> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/elevation" class="button ">API</a> </div> </div> </div> </div> </div> <div class="devsite-landing-row-column"> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <img alt="" src="https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/routes-api.png" srcset="https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/routes-api_36.png 36w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/routes-api_48.png 48w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/routes-api_72.png 72w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/routes-api_96.png 96w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/routes-api_480.png 480w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/routes-api_720.png 720w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/routes-api_856.png 856w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/routes-api_960.png 960w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/routes-api_1440.png 1440w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/routes-api_1920.png 1920w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/routes-api_2880.png 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy"> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="routes" data-text="Routes" class="hide-from-toc no-link" tabindex="0"> Routes </h3> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="directions" data-text="Directions" class="hide-from-toc no-link" tabindex="0"> Directions </h3> <div class="devsite-landing-row-item-description-content"> <p>Provide directions for multiple transportation modes, featuring real-time traffic information.</p> </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/javascript/directions" class="button ">JS</a> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/directions" class="button ">API</a> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="distance-matrix" data-text="Distance Matrix" class="hide-from-toc no-link" tabindex="0"> Distance Matrix </h3> <div class="devsite-landing-row-item-description-content"> <p>Calculate travel times and distances for multiple origins and destinations.</p> </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/javascript/distancematrix" class="button ">JS</a> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/distance-matrix" class="button ">API</a> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="roads" data-text="Roads" class="hide-from-toc no-link" tabindex="0"> Roads </h3> <div class="devsite-landing-row-item-description-content"> <p>Identify nearby roads using coordinates.</p> </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/roads" class="button ">API</a> </div> </div> </div> </div> </div> <div class="devsite-landing-row-column"> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <img alt="" src="https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/places-api.png" srcset="https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/places-api_36.png 36w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/places-api_48.png 48w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/places-api_72.png 72w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/places-api_96.png 96w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/places-api_480.png 480w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/places-api_720.png 720w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/places-api_856.png 856w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/places-api_960.png 960w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/places-api_1440.png 1440w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/places-api_1920.png 1920w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/places-api_2880.png 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy"> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="places" data-text="Places" class="hide-from-toc no-link" tabindex="0"> Places </h3> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="places-api-amp-sdks" data-text="Places API & SDKs" class="hide-from-toc no-link" tabindex="0"> Places API & SDKs </h3> <div class="devsite-landing-row-item-description-content"> <p>Integrate Google’s Place details, search, and autocomplete into your apps.</p> </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/javascript/places" class="button ">JS</a> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/places/android-sdk" class="button ">Android</a> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/places/ios-sdk" class="button ">iOS</a> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/places/web-service" class="button ">API</a> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="geocoding" data-text="Geocoding" class="hide-from-toc no-link" tabindex="0"> Geocoding </h3> <div class="devsite-landing-row-item-description-content"> <p>Convert coordinates into addresses and addresses into coordinates.</p> </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/javascript/geocoding" class="button ">JS</a> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/geocoding" class="button ">API</a> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="geolocation" data-text="Geolocation" class="hide-from-toc no-link" tabindex="0"> Geolocation </h3> <div class="devsite-landing-row-item-description-content"> <p>Get an approximate device location using nearby cell towers and WiFi nodes.</p> </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/geolocation" class="button ">API</a> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="time-zones" data-text="Time zones" class="hide-from-toc no-link" tabindex="0"> Time zones </h3> <div class="devsite-landing-row-item-description-content"> <p>Determine the time zone for a set of coordinates.</p> </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/documentation/timezone" class="button ">API</a> </div> </div> </div> </div> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-1-up maps-landing-code-picker maps-landing-row-pad-top-default maps-landing-row-pad-bottom-default" header-position="top"> <div class="devsite-landing-row-inner"> <div class="devsite-landing-row-html"> <h2 id="add-major-features.-write-minimal-code." data-text="Add major features. Write minimal code.">Add major features. Write minimal code.</h2> <div class="code-picker-wrapper"> <devsite-iframe><iframe src="/web/20210518090646if_/https://developers.google.com/maps/index_6d0a508dc87b1adc0a4c32d8c9c46579a2897baf6f4be0e4f75a77523c06a2c5.frame" class="framebox inherit-locale " allowfullscreen is-upgraded></iframe></devsite-iframe> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-4-up devsite-landing-row-cards maps-landing-card-row maps-landing-row-pad-top-small maps-landing-row-pad-bottom-small description-subtitle-text" background="/web/20210518090646im_/https://developers.google.com/maps/grey" header-position="top"> <div class="devsite-landing-row-inner"> <header class="devsite-landing-row-header"> <div class="devsite-landing-row-header-text"> <h2 id="join-our-developer-community" data-text="Join our developer community" tabindex="0"> Join our developer community </h2> </div> </header> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.archive.org/web/20210518090646/https://twitter.com/GMapsPlatform"> <img alt="" src="https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/twitter.svg" srcset="" sizes="(max-width: 600px) 50vw, (max-width: 840px) 25vw, 342px" loading="lazy"> </a> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="twitter" data-text="Twitter" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://twitter.com/GMapsPlatform"> Twitter </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Keep up-to-date on the latest news & tips from the Google Maps Platform team.</p> </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.archive.org/web/20210518090646/https://github.com/googlemaps/"> <img alt="" src="https://web.archive.org/web/20210518090646im_/https://developers.google.com/site-assets/logo-github.svg" srcset="" sizes="(max-width: 600px) 50vw, (max-width: 840px) 25vw, 342px" loading="lazy"> </a> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="github" data-text="GitHub" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://github.com/googlemaps/"> GitHub </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Check out our open source utilities and example apps to help you build better and faster.</p> </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.archive.org/web/20210518090646/https://www.youtube.com/googlemapsplatform"> <img alt="" src="https://web.archive.org/web/20210518090646im_/https://developers.google.com/site-assets/logo-youtube.svg" srcset="" sizes="(max-width: 600px) 50vw, (max-width: 840px) 25vw, 342px" loading="lazy"> </a> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="youtube" data-text="YouTube" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://www.youtube.com/googlemapsplatform"> YouTube </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Tutorials, tips, announcements, developer stories, and more.</p> </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.archive.org/web/20210518090646/https://cloud.google.com/blog/products/maps-platform"> <img alt="" src="https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/blog.svg" srcset="" sizes="(max-width: 600px) 50vw, (max-width: 840px) 25vw, 342px" loading="lazy"> </a> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="blog" data-text="Blog" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://cloud.google.com/blog/products/maps-platform"> Blog </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>All the latest in-depth news and stories from the world of Google Maps Platform. </p> </div> </div> </div> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-4-up devsite-landing-row-cards maps-landing-card-row maps-landing-row-pad-top-default description-subtitle-text" header-position="top"> <div class="devsite-landing-row-inner"> <header class="devsite-landing-row-header"> <div class="devsite-landing-row-header-text"> <h2 id="check-out-these-videos" data-text="Check out these videos" tabindex="0"> Check out these videos </h2> </div> <div class="devsite-landing-row-header-buttons"> <a href="https://web.archive.org/web/20210518090646/https://www.youtube.com/googlemapsplatform" class="button ">Subscribe to Our YouTube Channel</a> </div> </header> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <devsite-youtube autohide="1" showinfo="0" video-id="nDC-frkH_LA"></devsite-youtube> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="add-a-place-autocomplete-widget-to-your-android-app" data-text="Add a Place Autocomplete widget to your Android app" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://www.youtube.com/watch?v=nDC-frkH_LA"> Add a Place Autocomplete widget to your Android app </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Bring the power of Place Autocomplete to get predictions for places such as businesses, addresses and points of interest as the user types.</p> </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <devsite-youtube autohide="1" showinfo="0" video-id="2_HZObVbe-g"></devsite-youtube> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="how-to-generate-and-restrict-google-maps-platform-api-keys" data-text="How to generate and restrict Google Maps Platform API keys" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://www.youtube.com/watch?v=2_HZObVbe-g"> How to generate and restrict Google Maps Platform API keys </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Emily Keller goes over how to generate and restrict API keys for use with Google Maps Platform.</p> </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <devsite-youtube autohide="1" showinfo="0" video-id="oOLWiJ-G_hA"></devsite-youtube> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="concise-kotlin-android-development-with-maps-ktx" data-text="Concise Kotlin Android Development with Maps KTX" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://www.youtube.com/watch?v="> Concise Kotlin Android Development with Maps KTX </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Learn how you can write concise and idiomatic Kotlin with the Maps KTX extension libraries.</p> </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <devsite-youtube autohide="1" showinfo="0" video-id="sLionp8yVps"></devsite-youtube> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="how-bandai-namco-is-bringing-pac-man-to-the-real-world" data-text="How Bandai Namco is bringing PAC-MAN to the real world" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://www.youtube.com/watch?v=sLionp8yVps"> How Bandai Namco is bringing PAC-MAN to the real world </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Learn about how BANDAI NAMCO Entertainment Inc. is bringing PAC-MAN to the real world with Google Maps Platform gaming services.</p> </div> </div> </div> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-4-up devsite-landing-row-cards maps-landing-card-row maps-landing-row-pad-top-default maps-landing-row-pad-bottom-default description-subtitle-text" header-position="top"> <div class="devsite-landing-row-inner"> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <devsite-youtube autohide="1" showinfo="0" video-id="n1UorU1PALk"></devsite-youtube> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="how-to-enable-google-maps-platform-apis-and-sdks" data-text="How to enable Google Maps Platform APIs and SDKs" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://www.youtube.com/watch?v=n1UorU1PALk"> How to enable Google Maps Platform APIs and SDKs </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Learn how to enable Google Maps Platform APIs and SDKs in the Google Cloud console. APIs and SDKs are available for Maps, Routes, and Places across web and mobile platforms.</p> </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <devsite-youtube autohide="1" showinfo="0" video-id="atJie5KuA4Q"></devsite-youtube> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="working-with-markers-custom-markers-and-marker-clustering" data-text="Working with Markers - Custom markers and marker clustering" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://www.youtube.com/watch?v=atJie5KuA4Q"> Working with Markers - Custom markers and marker clustering </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Learn two ways to highlight points on your maps using custom markers and marker clustering.</p> </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <devsite-youtube autohide="1" showinfo="0" video-id="iLBbrvo_98I"></devsite-youtube> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="get-started-with-google-maps-platform-gaming-services" data-text="Get started with Google Maps Platform gaming services" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://www.youtube.com/watch?v=iLBbrvo_98I"> Get started with Google Maps Platform gaming services </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Serena Chang shows you how to get started with Google Maps Platform’s gaming services, a set of tools for creating games in Unity using Google’s knowledge of the real world.</p> </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <devsite-youtube autohide="1" showinfo="0" video-id="c3MjU9E9buQ"></devsite-youtube> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="how-to-add-a-place-autocomplete-search-widget-to-your-website" data-text="How to add a Place Autocomplete search widget to your website" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://www.youtube.com/watch?v=c3MjU9E9buQ"> How to add a Place Autocomplete search widget to your website </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Add a Place Autocomplete search bar to a webpage with the client-side Maps JavaScript API.</p> </div> </div> </div> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-4-up devsite-landing-row-cards maps-landing-card-row maps-landing-row-pad-top-small maps-landing-row-pad-bottom-small description-subtitle-text" background="/web/20210518090646im_/https://developers.google.com/maps/grey" header-position="top"> <div class="devsite-landing-row-inner"> <header class="devsite-landing-row-header"> <div class="devsite-landing-row-header-text"> <h2 id="get-help-amp-support" data-text="Get help & support" tabindex="0"> Get help & support </h2> </div> </header> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.archive.org/web/20210518090646/https://stackoverflow.com/questions/tagged/google-maps"> <img alt="" src="https://web.archive.org/web/20210518090646im_/https://developers.google.com/site-assets/logo-stack-overflow.svg" srcset="" sizes="(max-width: 600px) 50vw, (max-width: 840px) 25vw, 342px" loading="lazy"> </a> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="stack-overflow" data-text="Stack Overflow" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://stackoverflow.com/questions/tagged/google-maps"> Stack Overflow </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Get help. Give Help. Build Maps karma.</p> </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/support#issue_tracker"> <img alt="" src="https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/buganizer.svg" srcset="" sizes="(max-width: 600px) 50vw, (max-width: 840px) 25vw, 342px" loading="lazy"> </a> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="issue-tracker" data-text="Issue Tracker" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/support#issue_tracker"> Issue Tracker </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Report a bug or open a feature request.</p> </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.archive.org/web/20210518090646/https://issuetracker.google.com/savedsearches/5050992"> <img alt="" src="https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/warning.svg" srcset="" sizes="(max-width: 600px) 50vw, (max-width: 840px) 25vw, 342px" loading="lazy"> </a> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="platform-status" data-text="Platform status" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://issuetracker.google.com/savedsearches/5050992"> Platform status </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Find out about platform incidents and outages.</p> </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/support"> <img alt="" src="https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/help.svg" srcset="" sizes="(max-width: 600px) 50vw, (max-width: 840px) 25vw, 342px" loading="lazy"> </a> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="support" data-text="Support" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/support"> Support </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Get help from the Google Maps Platform team.</p> </div> </div> </div> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-marquee maps-landing-get-started" header-position="top"> <div class="devsite-landing-row-inner"> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media devsite-landing-row-item-media-left "> <figure class="devsite-landing-row-item-image"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/gmp-get-started"> <img alt="" src="https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-get-started.png" srcset="https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-get-started_36.png 36w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-get-started_48.png 48w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-get-started_72.png 72w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-get-started_96.png 96w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-get-started_480.png 480w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-get-started_720.png 720w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-get-started_856.png 856w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-get-started_960.png 960w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-get-started_1440.png 1440w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-get-started_1920.png 1920w, https://web.archive.org/web/20210518090646im_/https://developers.google.com/maps/images/landing/maps-get-started_2880.png 2880w" sizes="(max-width: 840px) 100vw, 952px" loading="lazy"> </a> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="h2-idlets-get-started-data-textlets-get-startedlets-get-startedh2" data-text="Let’s get started" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/gmp-get-started"> <h2 id="let’s-get-started" data-text="Let’s get started">Let’s get started</h2> </a> </h3> <div class="devsite-landing-row-item-description-content"> <p>Getting started with Google Maps Platform is fast and easy.</p> <p>Create a billing account. Enable the features you want. Get an API key. Start building.</p> <p>Learn more in our getting started docs and videos.</p> </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210518090646/https://developers.google.com/maps/gmp-get-started" class="button button-primary ">Documentation</a> <a href="https://web.archive.org/web/20210518090646/https://www.youtube.com/playlist?list=PL2rFahu9sLJ0yio9sC7BclL4a9r76ygHi" class="button ">Video walkthroughs</a> </div> </div> </div> </div> </div> </div> </section> </div> </article> </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/20210518090646/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/20210518090646im_/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/20210518090646/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/20210518090646im_/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/20210518090646/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/20210518090646im_/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/20210518090646/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/20210518090646im_/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/https://cloud.google.com/contact-maps/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-action="linkClick" data-category="contactSales" data-label="footerMenu"> Contact Sales </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://web.archive.org/web/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646im_/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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/20210518090646/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="es_419" lang="es_419" track-metadata-original-language="en" track-metadata-selected-language="es_419" track-name="changed" track-type="languageSelector"> Español – América Latina </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="zh_tw" lang="zh_tw" track-metadata-original-language="en" track-metadata-selected-language="zh_tw" 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": {"dimension1": "Signed out", "dimension4": "Google Maps Platform", "dimension11": false, "dimension3": false, "dimension6": "en", "dimension5": "en", "dimension8": null}, "metrics": {"ratings_count": "metric2", "ratings_value": "metric1"}}]</script> <script type="application/json" gtm>{"parameters": {"freeTrialEligibleUser": "False", "internalUser": "False", "language": {"machineTranslated": "False", "requested": "en", "served": "en"}, "pageType": "landing", "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="xKxOdoA+NDIObFwenK38/d2HLpK2cv"> (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/20210518090646/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/developers/js/app_loader.js', '[1,"en",null,"/js/devsite_app_module.js","https://web.archive.org/web/20210518090646/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea","https://web.archive.org/web/20210518090646/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/developers","https://web.archive.org/web/20210518090646/https://developers-dot-devsite-v2-prod.appspot.com",1,null,["/_pwa/developers/manifest.json","https://web.archive.org/web/20210518090646/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/images/video-placeholder.svg","https://web.archive.org/web/20210518090646/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/developers/images/favicon.png","https://web.archive.org/web/20210518090646/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

Google Maps Platform | Google Developers