Ridesharing | Google Maps Platform

<!doctype html> <html lang="en" dir="ltr"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://cloud.google.com/maps-platform/rides-and-deliveries","20210525094947","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1621936187"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta name="google-signin-client-id" content="721724668570-nbkv1cfusk7kk4eni4pjvepaus73b13t.apps.googleusercontent.com"> <meta name="google-signin-scope" content="profile email"> <meta property="og:site_name" content="Google Cloud"> <meta property="og:type" content="website"><meta name="theme-color" content="#039be5"><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/20210525094947/https://cloud.google.com/_pwa/cloud/manifest.json" crossorigin="use-credentials"> <link rel="preconnect" href="//web.archive.org/web/20210525094947/https://www.gstatic.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210525094947/https://fonts.gstatic.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210525094947/https://fonts.googleapis.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210525094947/https://apis.google.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210525094947/https://www.google-analytics.com/" crossorigin><link rel="stylesheet" href="//web.archive.org/web/20210525094947cs_/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/20210525094947cs_/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/cloud/css/app.css"><link rel="shortcut icon" href="https://web.archive.org/web/20210525094947im_/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/cloud/images/favicons/onecloud/favicon.ico"> <link rel="apple-touch-icon" href="https://web.archive.org/web/20210525094947im_/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/cloud/images/favicons/onecloud/super_cloud.png"><link rel="canonical" href="https://web.archive.org/web/20210525094947/https://cloud.google.com/maps-platform/rides-and-deliveries"><link rel="search" type="application/opensearchdescription+xml" title="Google Cloud" href="https://web.archive.org/web/20210525094947/https://cloud.google.com/s/opensearch.xml"> <title>Ridesharing  |  Google Maps Platform  |  Google Cloud</title> <meta property="og:title" content="Ridesharing | Google Maps Platform | Google Cloud"><meta name="description" content="Integrate Google Maps directly into your ridesharing app to decrease navigation friction for your drivers and improve wait times for your customers."> <meta property="og:description" content="Integrate Google Maps directly into your ridesharing app to decrease navigation friction for your drivers and improve wait times for your customers."><meta property="og:url" content="https://web.archive.org/web/20210525094947/https://cloud.google.com/maps-platform/rides-and-deliveries"><meta property="og:image" content="https://web.archive.org/web/20210525094947im_/https://cloud.google.com/_static/cloud/images/social-icon-google-cloud-1200-630.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"><meta property="og:locale" content="en"><meta name="twitter:card" content="summary_large_image"><script type="application/ld+json"> { "@context": "https://web.archive.org/web/20210525094947/https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Google Maps Platform", "item": "https://web.archive.org/web/20210525094947/https://cloud.google.com/maps-platform" },{ "@type": "ListItem", "position": 2, "name": "Ridesharing", "item": "https://web.archive.org/web/20210525094947/https://cloud.google.com/maps-platform/rides-and-deliveries" }] } </script> </head> <body class="ridesharing" template="page" theme="cloud-theme" type="marketing" layout="full" free-trial pending> <devsite-progress type="indeterminate" id="app-progress"></devsite-progress> <section class="devsite-wrapper"><cloudx-track></cloudx-track> <cloudx-utils-init></cloudx-utils-init> <devsite-header keep-tabs-visible> <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="/web/20210525094947/https://cloud.google.com/" class="devsite-site-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav" track-name="googleCloud" track-metadata-position="nav" track-metadata-eventdetail="nav"> <img src="https://web.archive.org/web/20210525094947im_/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/cloud/images/cloud-logo.svg" class="devsite-site-logo" alt="Google Cloud"> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list"> <li class="devsite-breadcrumb-item devsite-has-google-wordmark"> </li> </ul> </span> </div> <div class="devsite-top-logo-row-middle"> <div class="devsite-header-upper-tabs"> <cloudx-tabs-nav class="upper-tabs"> <nav class="devsite-tabs-wrapper" aria-label="Upper tabs"> <tab active> <a href="https://web.archive.org/web/20210525094947/https://cloud.google.com/maps-platform" class="gc-analytics-event hidden" track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="googleMapsPlatform" aria-label="Google Maps Platform, selected" data-category="Site-Wide Custom Events" data-label="Tab: Google Maps Platform"> Google Maps Platform </a> </tab> <tab position="right"> <a href="https://web.archive.org/web/20210525094947/https://cloud.google.com/support-hub#section-4" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="support" data-category="Site-Wide Custom Events" data-label="Tab: Support" track-type="globalNav" track-name="support" track-metadata-position="nav" track-metadata-eventdetail="nav"> Support </a> </tab> </nav> </cloudx-tabs-nav> </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 Cloud" compact role="combobox"> <form class="devsite-search-form" action="https://web.archive.org/web/20210525094947/https://cloud.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> <cloudx-additional-tabs> <tab> <a href="https://web.archive.org/web/20210525094947/https://cloud.google.com/support-hub#section-4" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="support" data-category="Site-Wide Custom Events" data-label="Tab: Support" track-type="globalNav" track-name="support" track-metadata-position="nav" track-metadata-eventdetail="nav"> Support </a> </tab> </cloudx-additional-tabs> <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="de" lang="de" track-metadata-original-language="en" track-metadata-selected-language="de" track-name="changed" track-type="languageSelector"> Deutsch </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="zh_cn" lang="zh_cn" track-metadata-original-language="en" track-metadata-selected-language="zh_cn" track-name="changed" track-type="languageSelector"> 中文 – 简体 </option> <option value="ja" lang="ja" track-metadata-original-language="en" track-metadata-selected-language="ja" track-name="changed" track-type="languageSelector"> 日本語 </option> <option value="ko" lang="ko" track-metadata-original-language="en" track-metadata-selected-language="ko" track-name="changed" track-type="languageSelector"> 한국어 </option> </select> </devsite-select> </devsite-language-selector> <devsite-user fp-auth id="devsite-user"></devsite-user> </div> </div> </div> <div class="devsite-collapsible-section "> <div class="devsite-header-background"> <div class="devsite-product-id-row" hidden> <div class="devsite-product-description-row"> </div> </div> <div class="devsite-doc-set-nav-row"> <ul class="devsite-breadcrumb-list"> <li class="devsite-breadcrumb-item "> <a href="https://web.archive.org/web/20210525094947/https://cloud.google.com/maps-platform" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Lower Header" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="Google Maps Platform"> Google Maps Platform </a> </li> </ul> <cloudx-tabs-nav class="lower-tabs"> <nav class="devsite-tabs-wrapper" aria-label="Lower tabs"> <tab> <a href="https://web.archive.org/web/20210525094947/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="Site-Wide Custom Events" data-label="Tab: Overview"> Overview </a> </tab> <tab active> <a href="https://web.archive.org/web/20210525094947/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" aria-label="Products, selected" data-category="Site-Wide Custom Events" data-label="Tab: Products"> Products </a> </tab> <tab> <a href="https://web.archive.org/web/20210525094947/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="Site-Wide Custom Events" data-label="Tab: Pricing"> Pricing </a> </tab> <tab dropdown dropdown-full> <a href="//web.archive.org/web/20210525094947/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="Site-Wide Custom Events" data-label="Tab: Documentation" track-type="localNav" track-name="documentation" track-metadata-position="nav" track-metadata-eventdetail="nav"> 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="Site-Wide Custom Events" data-label="Tab: Documentation" track-type="localNav" track-name="documentation" track-metadata-position="nav" track-metadata-eventdetail="nav" 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="//web.archive.org/web/20210525094947/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="//developers.google.com/maps/gmp-get-started/" tooltip track-name="get started" track-metadata-eventdetail="get started with gmp" track-metadata-position="nav - secondary" track-metadata-href="developers.google.com/maps/gmp-get-started/" track-type="navMenu"> <div class="devsite-nav-item-title"> Get Started with Google Maps Platform </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/api-picker/" track-type="navMenu" track-name="API Picker" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/api-picker/" tooltip track-metadata-position="nav - secondary" track-metadata-href="developers.google.com/maps/documentation/api-picker/" track-metadata-eventdetail="api picker" track-type="navMenu" track-name="get started"> <div class="devsite-nav-item-title"> API Picker </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/billing-credits/" track-type="navMenu" track-name="Billing Account Credits" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/billing-credits/" tooltip track-metadata-href="developers.google.com/maps/billing-credits/" track-name="get started" track-metadata-eventdetail="billing and credits" track-metadata-position="nav - secondary" track-type="navMenu"> <div class="devsite-nav-item-title"> Billing Account Credits </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/billing/gmp-billing/" track-type="navMenu" track-name="Billing" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/billing/gmp-billing/" tooltip track-type="navMenu" track-metadata-href="developers.google.com/maps/billing/gmp-billing/" track-metadata-position="nav - secondary" track-name="get started" track-metadata-eventdetail="gmp billing"> <div class="devsite-nav-item-title"> Billing </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/reporting/gmp-reporting/" track-type="navMenu" track-name="Reporting" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/reporting/gmp-reporting/" tooltip track-metadata-position="nav - secondary" track-metadata-eventdetail="gmp reporting" track-metadata-href="developers.google.com/maps/documentation/maps/reporting/gmp-reporting/" track-name="get started" track-type="navMenu"> <div class="devsite-nav-item-title"> Reporting </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/faq/" track-type="navMenu" track-name="GMP FAQ" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/faq/" tooltip track-name="get started" track-type="navMenu" track-metadata-eventdetail="gmp faq" track-metadata-position="nav - secondary" track-metadata-href="developers.google.com/maps/documentation/maps/faq/"> <div class="devsite-nav-item-title"> GMP FAQ </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/support/" track-type="navMenu" track-name="Support and Resources" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/support/" tooltip track-type="navMenu" track-name="get started" track-metadata-href="developers.google.com/maps/support/" track-metadata-eventdetail="support and resources" track-metadata-position="nav - secondary"> <div class="devsite-nav-item-title"> Support and Resources </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/gmp-incident-management/" track-type="navMenu" track-name="Incident Management" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/gmp-incident-management/" tooltip track-metadata-eventdetail="gmp incident management" track-type="navMenu" track-metadata-href="developers.google.com/maps/documentation/maps/gmp-incident-management/" track-metadata-position="nav - secondary" track-name="get started"> <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="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/javascript/" track-type="navMenu" track-name="Maps JavaScript API" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/javascript/" tooltip track-metadata-href="developers.google.com/maps/documentation/javascript/" track-type="navMenu" track-name="maps" track-metadata-position="nav - secondary" track-metadata-eventdetail="maps javascript api"> <div class="devsite-nav-item-title"> Maps JavaScript API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/android-sdk/" track-type="navMenu" track-name="Maps SDK for Android" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/android-sdk/" tooltip track-type="navMenu" track-metadata-eventdetail="maps sdk for android" track-metadata-position="nav - secondary" track-metadata-href="developers.google.com/maps/documentation/android-sdk/" track-name="maps"> <div class="devsite-nav-item-title"> Maps SDK for Android </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/ios-sdk/" track-type="navMenu" track-name="Maps SDK for iOS" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/ios-sdk/" tooltip track-metadata-position="nav - secondary" track-metadata-eventdetail="maps sdk for ios" track-type="navMenu" track-name="maps" track-metadata-href="developers.google.com/maps/documentation/ios-sdk/"> <div class="devsite-nav-item-title"> Maps SDK for iOS </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/maps-static/" track-type="navMenu" track-name="Maps Static API" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/maps-static/" tooltip track-name="maps" track-metadata-position="nav - secondary" track-metadata-href="developers.google.com/maps/documentation/maps-static/" track-metadata-eventdetail="maps static api" track-type="navMenu"> <div class="devsite-nav-item-title"> Maps Static API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/streetview/" track-type="navMenu" track-name="Street View Static API" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/streetview/" tooltip track-metadata-href="developers.google.com/maps/documentation/streetview/" track-type="navMenu" track-metadata-position="nav - secondary" track-metadata-eventdetail="street view static api" track-name="maps"> <div class="devsite-nav-item-title"> Street View Static API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/embed/" track-type="navMenu" track-name="Maps Embed API" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/embed/" tooltip track-metadata-eventdetail="maps embed api" track-type="navMenu" track-metadata-href="developers.google.com/maps/documentation/embed/" track-metadata-position="nav - secondary" track-name="maps"> <div class="devsite-nav-item-title"> Maps Embed API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/urls/" track-type="navMenu" track-name="Maps URLs" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/urls/" tooltip track-metadata-position="nav - secondary" track-metadata-eventdetail="maps urls" track-name="maps" track-metadata-href="developers.google.com/maps/documentation/maps/documentation/urls/" track-type="navMenu"> <div class="devsite-nav-item-title"> Maps URLs </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="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/directions/" track-type="navMenu" track-name="Directions API" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/directions/" tooltip track-metadata-position="nav - secondary" track-type="navMenu" track-name="routes" track-metadata-href="developers.google.com/maps/documentation/directions/" track-metadata-eventdetail="directions api"> <div class="devsite-nav-item-title"> Directions API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/distance-matrix/" track-type="navMenu" track-name="Distance Matrix API" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/distance-matrix/" tooltip track-type="navMenu" track-metadata-href="developers.google.com/maps/documentation/distance-matrix/" track-name="routes" track-metadata-position="nav - secondary" track-metadata-eventdetail="distance matrix api"> <div class="devsite-nav-item-title"> Distance Matrix API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/roads/" track-type="navMenu" track-name="Roads API" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/roads/" tooltip track-metadata-href="developers.google.com/maps/documentation/roads/" track-name="routes" track-metadata-eventdetail="roads api" track-type="navMenu" track-metadata-position="nav - secondary"> <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>Industry Solutions</li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/gaming/" track-type="navMenu" track-name="Gaming Services" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/gaming/" tooltip track-metadata-eventdetail="gaming services" track-metadata-position="nav - secondary" track-name="industry solutions" track-metadata-href="developers.google.com/maps/documentation/gaming/" track-type="navMenu"> <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="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/places/web-service/" track-type="navMenu" track-name="Places API" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/places/web-service/" tooltip track-metadata-position="nav - secondary" track-metadata-eventdetail="places api" track-name="places" track-type="navMenu" track-metadata-href="developers.google.com/places/web-service/"> <div class="devsite-nav-item-title"> Places API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/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="//developers.google.com/maps/documentation/places/android-sdk/" tooltip track-metadata-position="nav - secondary" track-type="navMenu" track-metadata-href="developers.google.com/places/android-sdk/" track-metadata-eventdetail="places sdk for android" track-name="places"> <div class="devsite-nav-item-title"> Places SDK for Android </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/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="//developers.google.com/maps/documentation/places/ios-sdk/" tooltip track-metadata-eventdetail="places sdk for ios" track-name="places" track-type="navMenu" track-metadata-href="developers.google.com/places/ios-sdk/" track-metadata-position="nav - secondary"> <div class="devsite-nav-item-title"> Places SDK for iOS </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/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="//developers.google.com/maps/documentation/javascript/places/" tooltip track-metadata-eventdetail="places library maps javascript" track-name="places" track-type="navMenu" track-metadata-href="developers.google.com/maps/documentation/javascript/places/" track-metadata-position="nav - secondary"> <div class="devsite-nav-item-title"> Places Library, Maps JavaScript API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/geocoding/" track-type="navMenu" track-name="Geocoding API" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/geocoding/" tooltip track-metadata-eventdetail="geocoding api" track-metadata-position="nav - secondary" track-name="places" track-type="navMenu" track-metadata-href="developers.google.com/maps/documentation/geocoding/"> <div class="devsite-nav-item-title"> Geocoding API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/geolocation/" track-type="navMenu" track-name="Geolocation API" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/geolocation/" tooltip track-metadata-position="nav - secondary" track-name="places" track-metadata-eventdetail="geolocation api" track-metadata-href="developers.google.com/maps/documentation/geolocation/" track-type="navMenu"> <div class="devsite-nav-item-title"> Geolocation API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/timezone/" track-type="navMenu" track-name="Time Zone API" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/documentation/timezone/" tooltip track-metadata-href="developers.google.com/maps/documentation/timezone/" track-metadata-eventdetail="time zone api" track-metadata-position="nav - secondary" track-name="places" track-type="navMenu"> <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="//web.archive.org/web/20210525094947/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="//developers.google.com/maps/api-key-best-practices/" tooltip track-name="additional resources" track-metadata-href="developers.google.com/maps/api-key-best-practices/" track-type="navMenu" track-metadata-eventdetail="api key best practices" track-metadata-position="nav - secondary"> <div class="devsite-nav-item-title"> API Key Best Practices </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/coverage/" track-type="navMenu" track-name="Map Coverage Details" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/coverage/" tooltip track-metadata-eventdetail="map coverage details" track-metadata-position="nav - secondary" track-type="navMenu" track-metadata-href="developers.google.com/maps/coverage/" track-name="additional resources"> <div class="devsite-nav-item-title"> Map Coverage Details </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/optimization-guide/" track-type="navMenu" track-name="Optimization Guide" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/optimization-guide/" tooltip track-name="additional resources" track-metadata-eventdetail="optimization guide" track-metadata-href="developers.google.com/maps/optimization-guide/" track-type="navMenu"> <div class="devsite-nav-item-title"> Optimization Guide </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/deprecations/" track-type="navMenu" track-name="Deprecations" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/deprecations/" tooltip track-metadata-href="developers.google.com/maps/deprecations/" track-type="navMenu" track-name="additional resources" track-metadata-eventdetail="deprecations"> <div class="devsite-nav-item-title"> Deprecations </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/asset-tracking-plan/" track-type="navMenu" track-name="Asset Tracking Plan" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/asset-tracking-plan/" tooltip track-metadata-eventdetail="asset tracking plan" track-name="additional resources" track-metadata-href="developers.google.com/maps/asset-tracking-plan/" track-type="navMenu"> <div class="devsite-nav-item-title"> Asset Tracking Plan </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/root-ca-faq/" track-type="navMenu" track-name="Root CA Migration FAQ" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/root-ca-faq/" tooltip track-type="navMenu" track-metadata-href="developers.google.com/maps/root-ca-faq/" track-metadata-eventdetail="root ca migration faq" track-name="additional resources"> <div class="devsite-nav-item-title"> Root CA Migration FAQ </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/billing/public-programs/" track-type="navMenu" track-name="Public Programs" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/billing/public-programs/" tooltip track-type="navMenu" track-metadata-href="developers.google.com/maps/billing/public-programs/" track-name="additional resources" track-metadata-eventdetail="public programs"> <div class="devsite-nav-item-title"> Public Programs </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/maps/premium/" track-type="navMenu" track-name="Premium Plan" track-metadata-position="nav" track-metadata-href="//developers.google.com/maps/premium/" tooltip track-type="navMenu" track-metadata-href="developers.google.com/maps/premium/" track-name="additional resources" track-metadata-eventdetail="premium plan"> <div class="devsite-nav-item-title"> Premium Plan </div> </a> </li> </ul> </div> </div> </div> </tab> <tab> <a href="https://web.archive.org/web/20210525094947/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="Site-Wide Custom Events" data-label="Tab: Blog"> Blog </a> </tab> <tab> <a href="https://web.archive.org/web/20210525094947/https://cloud.google.com/customers#/products=Maps_Platform" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="customerStories" data-category="Site-Wide Custom Events" data-label="Tab: Customer Stories"> Customer Stories </a> </tab> </nav> </cloudx-tabs-nav> <div class="devsite-product-button-row"> <a href="https://web.archive.org/web/20210525094947/https://cloud.google.com/contact-maps" class="cta-button-secondary button " track-name="maps" track-metadata-eventdetail="nav" track-type="contact" track-metadata-position="nav">Contact sales</a> <a href="https://web.archive.org/web/20210525094947/https://console.cloud.google.com/google/maps-apis/start" class="cta-button-primary button-primary button get-started-trigger " referrerpolicy="no-referrer-when-downgrade" track-name="mapsCta" track-metadata-eventdetail="nav" track-metadata-position="nav" track-type="getStarted">Get started</a> </div> </div> </div> </div> </div> <a class="cloud-nav-drawer-toggle">Menu</a> </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="/web/20210525094947/https://cloud.google.com/" class="devsite-site-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav" track-name="googleCloud" track-metadata-position="nav" track-metadata-eventdetail="nav"> <img src="https://web.archive.org/web/20210525094947im_/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/cloud/images/cloud-logo.svg" class="devsite-site-logo" alt="Google Cloud"> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list"> <li class="devsite-breadcrumb-item devsite-has-google-wordmark"> </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="/web/20210525094947/https://cloud.google.com/maps-platform" class="devsite-nav-title gc-analytics-event devsite-nav-active" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Maps Platform" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="googleMapsPlatform"> <span class="devsite-nav-text" tooltip> Google Maps Platform </span> </a> <ul class="devsite-nav-responsive-tabs"> <li class="devsite-nav-item"> <a href="/web/20210525094947/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="/web/20210525094947/https://cloud.google.com/maps-platform/products" class="devsite-nav-title gc-analytics-event devsite-nav-active" 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="/web/20210525094947/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.archive.org/web/20210525094947/https://developers.google.com/maps/documentation/" class="devsite-nav-title gc-analytics-event " 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> </a> <ul class="devsite-nav-responsive-tabs devsite-nav-has-menu devsite-lower-tab-item"> <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="/web/20210525094947/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> <li class="devsite-nav-item"> <a href="/web/20210525094947/https://cloud.google.com/customers#/products=Maps_Platform" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Customer Stories" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="customerStories"> <span class="devsite-nav-text" tooltip> Customer Stories </span> </a> </li> </ul> </li> <li class="devsite-nav-item"> <a href="/web/20210525094947/https://cloud.google.com/support-hub#section-4" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Support" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="support"> <span class="devsite-nav-text" tooltip> Support </span> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210525094947/https://console.cloud.google.com/google/maps-apis/overview" class="devsite-nav-title gc-analytics-event " referrerpolicy="no-referrer-when-downgrade" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Console" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="console"> <span class="devsite-nav-text" tooltip> Console </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210525094947/https://cloud.google.com/contact-maps" class="cta-button-secondary button" track-name="maps" track-metadata-eventdetail="nav" track-type="contact" track-metadata-position="nav" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Contact sales" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="contactSales"> <span class="devsite-nav-text" tooltip> Contact sales </span> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210525094947/https://console.cloud.google.com/google/maps-apis/start" class="cta-button-primary button-primary button get-started-trigger" referrerpolicy="no-referrer-when-downgrade" track-name="mapsCta" track-metadata-eventdetail="nav" track-metadata-position="nav" track-type="getStarted" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Get started" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="getStarted"> <span class="devsite-nav-text" tooltip> Get started </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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/https://developers.google.com/maps/faq/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: GMP FAQ" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="gMPFAQ"> <span class="devsite-nav-text" tooltip> GMP FAQ </span> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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 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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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> Industry Solutions </span> </span> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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.archive.org/web/20210525094947/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 /css/junebug.css */ /* Components and overrides for /cloud migration */ /* H4 headings are in Google Sans */ h4 { font-family: 'Google Sans', 'Roboto', sans-serif; } /* Utility classes */ #cloud-site .jb-section-pad { padding-bottom: 50px; padding-top: 50px; } @media only screen and (min-width: 900px) { #cloud-site .jb-section-pad { padding-bottom: 100px; padding-top: 100px; } #cloud-site .jb-pad-left { padding-left: 40px; } #cloud-site .jb-pad-right { padding-right: 40px; } } #cloud-site .jb-bottom-flush { margin-bottom: 0; padding-bottom: 0; } #cloud-site .jb-top-flush { margin-top: 0; padding-top: 0; } /* Compliance pages */ #cloud-site .jb-background-compliance { background-color: #f6f6f6; color: #4a5960; text-align: center; } #cloud-site .jb-background-compliance .hero-title { color: #4a5960; text-transform: none; } #cloud-site .jb-compliance-sidebar-section .text-body { margin: 0; } .jb-compliance-sidebar-section ul { margin: 0; list-style-type: none; padding: 0; } .jb-compliance-sidebar-section ul li:last-of-type { margin-bottom: 0; } .jb-compliance-image { display: inline-block; vertical-align: text-top; width: 100px; } .jb-tag-container .tag { background-color: #f6f6f6; border-radius: 24px; display: inline-block; padding: 7px 12px; margin: 0 8px 8px 0; } .jb-related-section .flex { display: flex; flex-wrap: wrap; justify-content: center; } .jb-related-section .flex > a { background: #f6f6f6; cursor: pointer; margin: 12px; transition: all 0.3s; width: 352px; } .jb-related-section .flex > a:hover, .jb-related-section .flex > a:focus { box-shadow: -1px 5px 25px -5px rgba(0,0,0,0.8); text-decoration: none; transform: translate3d(0, -2px, 0); } .jb-related-section .flex > a .inner { color: #4a5960; min-height: 310px; padding: 28px 30px 0; } .jb-related-section .flex > a figure { height: 100px; } .jb-related-section .flex > a img { padding: 0; } .jb-related-section .flex p { font-size: 14px; } .jb-related-section .flex > a > span { display: block; border-top: 1px solid #e4e4e4; padding: 18px 30px; } .jb-related-section .flex > a.pseudo { visibility: hidden; } .jb-border-bottom { border-bottom: 1px solid #e4e4e4; } .jb-compliance-sidebar section { border-top: 1px solid #e4e4e4; } .jb-compliance-sidebar section:first-of-type { border-top: none; } .jb-compliance-body { margin: -32px 0 16px 0; padding-bottom: 16px; border-bottom: solid 1px #e4e4e4; } .jb-back-link { font-weight: 800; } .jb-back-link .material-icons { margin-right:20px; vertical-align: middle; } @media screen and (min-width: 900px) { .jb-compliance-body { margin: -40px 40px 0 0; padding-bottom: 0; border-bottom: none; } .jb-compliance-main { margin-bottom:80px; padding-bottom:80px; } .jb-compliance-sidebar { margin-top: 56px; } } @media screen and (min-width: 1024px) { #cloud-site .jb-background-compliance .hero-title { font-size: 48px; line-height: 72px; padding: 24px 0 16px 0; } #cloud-site .jb-background-compliance .hero-title, #cloud-site .jb-background-compliance .text-body { margin: 0 120px; } .jb-related-section h2 { font-size: 40px; line-height: 60px; } } @media screen and (min-width: 1440px) { #cloud-site .jb-background-compliance .hero-title, #cloud-site .jb-background-compliance .text-body { margin: 0 280px; } } /** Block links **/ .jb-link { display: inline-block; font-size: 16px; font-weight: 500; text-transform: uppercase; } .jb-link-icon { display: inline-block; position: relative; } #cloud-site .jb-link-icon:after { background-repeat: no-repeat; background-size: contain; content: ''; height: 16px; position: absolute; right: 0; width: 16px; } #cloud-site .jb-link-pdf { padding-left: 30px; } #cloud-site .jb-link-pdf:after { background-image: url('/web/20210525094947im_/https://cloud.google.com/images/icon-pdf.png'); height: 18px; left: 0; top: 4px; width: 18px; } .jb-link .jb-link-arrow-forward .material-icons, .jb-link .jb-link-download.material-icons { display: inline; padding-left: 5px; } #cloud-site .jb-link .jb-link-arrow-forward:after, #cloud-site .jb-link .jb-link-download:after { content: none; } #cloud-site .jb-link-video { padding-right: 30px; } #cloud-site .jb-link-video:after { background-image: url('/web/20210525094947im_/https://cloud.google.com/images/icons/icon_video_youtube.svg'); background-size: cover; height: 24px; right: 0; top: 0; width: 24px; } #cloud-site .jb-link-video-white:after { background-image: url('/web/20210525094947im_/https://cloud.google.com/images/icons/icon_video_youtube-white.svg'); } /** Generic Styles */ .jb-headline { color: #414141; font-size: 24px; line-height: 32px; margin-top: 0; } @media (min-width: 601px) { .jb-headline { font-size: 40px; line-height: 50px; } } .jb-centered-content { margin-left: auto; margin-right: auto; max-width: 850px; } .jb-centered-content .jb-headline, .jb-centered-content h2.jb-headline{ margin-left: auto; margin-right: auto; max-width: 600px; } .jb-image-full-width { display: block; } .jb-padded-section-content { margin: auto; max-width: 876px; } /** Content Lightbox */ .jb-lb-content { bottom: 5%; left: 0; margin: 5% auto; right: 0; top: 10%; width: 900px; } /** Generic hero styles */ #cloud-site .jb-hero .hero-title { color: #424242; font-size: 48px; line-height: 1.2em; margin-bottom: 20px; overflow: visible; text-transform: none; } #cloud-site .jb-hero .text-body, #cloud-site .jb-hero p { color: #616161; } @media (max-width: 600px) { #cloud-site .jb-hero .hero-title { font-size: 30px; } } /** hero with super cloud **/ #hero-supercloud { background: url('/web/20210525094947im_/https://cloud.google.com/images/products/supercloud_grey.svg') right center no-repeat; height: 291px; position: absolute; right: -50px; top: 40px; width: 360px; z-index: -1; } @media (max-width: 780px) { #hero-supercloud { display: none; } } @media (min-width: 1025px) { #hero-supercloud { right: 0; } } #cloud-site .jb-hero-icon { padding: 72px 20px 24px; position: relative; } #cloud-site .jb-hero .jb-hero-columns { padding: 70px 40px; } @media (min-width: 700px) { #cloud-site .jb-hero-icon { min-height: 365px; padding: 94px 20px 0; } .jb-hero-icon--wrap { max-width: 470px; } } /** centered hero text */ #cloud-site .jb-hero-centered .jb-hero-centered-wrap { margin-left: auto; margin-right: auto; max-width: 650px; } /* Hero sections with background image (with and without title card) */ #cloud-site .jb-hero-with-card, #cloud-site .jb-hero-with-background-image { background-position: center right; background-repeat: no-repeat; background-size: cover; } #cloud-site .jb-hero-with-card { align-items: center; display: flex; min-height: 420px; padding: 0 0 0 40px; } #cloud-site .jb-hero-with-card .hero-subtitle { color: #424242; font-size: 16px; } #cloud-site .jb-hero .button { background: #4285f4; box-shadow: inherit; color: #fff; } #cloud-site .jb-hero .button:hover { background-color: #558ff1; box-shadow: 0 2px 1px -1px rgba(66,133,244,.2), 0 1px 1px 0 rgba(66,133,244,.14), 0 1px 3px 0 rgba(66,133,244,.12); } #cloud-site .jb-hero .button-secondary { background: #fff; border: 1px solid #dfdfdf; color: #4285f4; padding: 0 48px; } #cloud-site .jb-hero .button.button-secondary:hover { /* overwriting specificity */ background-color: #f8fafe!important; box-shadow: inherit; } .jb-hero-card { background: #fff; max-width: 500px; padding: 50px; } .jb-hero-with-card .hero-title { margin-top: 0; } @media (max-width: 600px) { #cloud-site .jb-hero-with-card, #cloud-site .jb-hero-with-background-image { background-position: top right; background-size: 600px auto; padding: 120px 0 0 0; } #cloud-site .jb-hero-with-card { display: block; min-height: auto; } .jb-hero-card { padding: 20px 40px 0 40px; max-width: 100%; } .jb-hero-content { padding: 70px 40px 0 40px; max-width: 100%; } #cloud-site .jb-hero-with-background-image .hero-title, #cloud-site .jb-hero-with-background-image .hero-subtitle { color: #424242; } } /** column paragraphs with heading and text **/ .jb-titled-paragraph h3 { margin-top: 0; } .jb-titled-paragraph .jb-titled-paragraph-title { font-family: 'Roboto', Arial, sans-serif; font-size: 20px; font-weight: 700; } .jb-titled-paragraph p, .jb-titled-paragraph ul { font-size: 14px; line-height: 24px; } @media only screen and (max-width: 900px) { #cloud-site .c4.jb-titled-paragraph { margin: 0; padding-bottom: 56px; } } @media (min-width: 901px) { .jb-columns .jb-titled-paragraph { padding-right: 5%; } } /** Get Started Section **/ #cloud-site .jb-get-started { display: flex; flex-wrap: wrap; justify-content: space-between; } #cloud-site .jb-get-started .text-body { margin-bottom: 35px; } .jb-get-started-title-wrap { width: calc(100% + 30px); } .jb-get-started-title { background: #4285f4; color: #fff; padding: 36px 24px; } .jb-get-started-title-text { font-size: 48px; font-weight: 400; line-height: 56px; margin: 0; max-width: 230px; } .jb-get-started-section { padding-top: 56px; } .jb-subhead { font-size: 18px; line-height: 23px; margin-top: 0; } .jb-get-started-heading { font-size: 22px; line-height: 33px; margin-top: 0; } @media only screen and (min-width: 601px) { .jb-get-started-title-wrap { margin: 0; width: 100%; } .jb-get-started-title { padding-bottom: 41px; padding-top: 41px; } .jb-get-started-section { flex-basis: 47.92401%; margin: 0 1.03799%; padding-right: 44px; padding-top: 60px; width: 47.92401%; } } @media only screen and (min-width: 1025px) { .jb-get-started-title-wrap, .jb-get-started-section { flex-basis: 30.2%; margin: 0 1.03799%; min-height: 370px; width: 30.2%; } .jb-get-started-section { padding-right: 0; padding-top: 58px; } .jb-get-started-section-small { flex-basis: 22%; width: 22%; } .jb-get-started-title { min-height: 370px; padding: 0 0 100%; position: relative; } .jb-get-started-title-text { left: 13%; position: absolute; top: 13% } } /** Product Cards */ .jb-products { background: #f7f7f7; padding-bottom: 15px; padding-top: 10px; } .jb-product-cards { list-style-type: none; margin: 0; padding: 0; } .jb-product-card { background: #fff; margin: 0 0 36px 0; overflow: auto; padding: 35px; } #cloud-site .jb-product-card-image { display: block; margin: 0 auto; } .jb-product-card-heading { color: #414141; font-size: 20px; line-height: 24px; margin: 20px 0 0; } .jb-product-card-list { list-style-type: none; margin-top: 25px; padding-left: 0; } .jb-product-card-list li { line-height: 18px; margin: 0 0 8px 0; } .jb-product-card-list .link { display: inline-block; font-size: 14px; font-weight: 500; line-height: 18px; } @media (min-width: 901px) { .jb-product-card-heading { margin-top: 0; } .jb-product-card-list { margin-top: 35px; padding-left: 30px; } } /* Styled definition list */ .jb-styled-list { counter-reset: dl-counter; } #cloud-site .jb-styled-list-heading, #cloud-site .jb-styled-list .jb-styled-list-content { color: #545454; font-size: 14px; line-height: 24px; padding-left: 30px; } #cloud-site .jb-styled-list-heading { font-weight: 700; position: relative; } #cloud-site .jb-styled-list-heading:before { color: #424242; content: counter(dl-counter); counter-increment: dl-counter; font-family: 'Google Sans', 'Roboto', sans-serif; font-size: 30px; left: 0; position: absolute; top: 8px; } #cloud-site .jb-styled-list-light .jb-styled-list-content, #cloud-site .jb-styled-list-light .jb-styled-list-heading, #cloud-site .jb-styled-list-light .jb-styled-list-heading:before { color: #fff; } #cloud-site .jb-styled-list-large .jb-styled-list-heading { font-size: 18px; } #cloud-site .jb-styled-list-large .jb-styled-list-content { font-size: 16px; } @media (min-width: 601px) { #cloud-site .jb-styled-list-heading, #cloud-site .jb-styled-list .jb-styled-list-content { padding-left: 50px; } #cloud-site .jb-styled-list-heading:before { font-size: 36px; } } /** Linked List */ .jb-linked-list { list-style-type: none; padding: 0; margin: 0; } .jb-linked-list .jb-link { margin-bottom: 10px; } /** Additional tabs styling (dependency on nodejs.css) */ .jb-tabs { margin-top: 30px; } .jb-tabs .jb-tabs-content-heading { font-family: 'Roboto', Arial, sans-serif; font-size: 16px; font-weight: 700; margin-bottom: 0; margin-top: 0; } @media (max-width: 900px) { .jb-tabs .jb-tabs-content-inner { padding-bottom: 20px; padding-top: 20px; } } /** Footnotes */ .jb-footnotes { border-top: 1px solid rgba(0, 0, 0, .12); margin-top: 20px; padding-top: 20px; } /** Quote */ #cloud-site .jb-quote { margin-left: -15px; margin-right: -15px; } .jb-quote-blue .jb-quote-text:before, .jb-quote-blue .jb-quote-text:after { color: #4285f4; } /** Blue Quote */ .jb-quote-blue .jb-quote-resource--action { background-color: #4285f4; } .jb-quote-blue .jb-quote-resource--action:hover, .jb-quote-blue .jb-quote-resource--action:focus { background-color: #255fdb; } /** Yellow Quote */ .jb-quote-yellow .jb-quote-text:before, .jb-quote-yellow .jb-quote-text:after { color: #fabc05; } .jb-quote-yellow .jb-quote-resource--action { background-color: #fabc05; } .jb-quote-yellow .jb-quote-resource--action:hover, .jb-quote-yellow .jb-quote-resource--action:focus { background-color: #f9ab00; } /** Red Quote */ .jb-quote-red .jb-quote-text:before, .jb-quote-red .jb-quote-text:after { color: #ff3c3b; } .jb-quote-red .jb-quote-resource--action { background-color: #ff3c3b; } .jb-quote-red .jb-quote-resource--action:hover, .jb-quote-red .jb-quote-resource--action:focus { background-color: #ea4335; } .jb-quote .jb-quote-image { background-repeat: no-repeat; background-size: cover; height: 186px; } .jb-quote blockquote { color: #414141; padding: 0; } .jb-quote .jb-quote-tile { background: #f6f6f6; display: flex; flex-direction: column; } .jb-quote .jb-quote-tile-floating { background: #fff; margin: 0 auto; } .jb-quote-background-grey .jb-quote-tile { background: #f7f7f7; } .jb-quote .jb-quote-body { margin: 30px 40px; } .jb-quote .jb-quote-text { font-family: 'Google Sans', 'Roboto', sans-serif; font-size: 20px; line-height: 28px; position: relative; } .jb-quote .jb-quote-text:before, .jb-quote .jb-quote-text:after { font-family: 'Google Sans', 'Roboto', sans-serif; font-size: 50px; position: absolute; } .jb-quote .jb-quote-text:not(.jb-quote-hide-marks):before { content: '“'; left: -25px; top: 6px; } .jb-quote .jb-quote-text:not(.jb-quote-hide-marks):after { bottom: -12px; content: '”'; padding-left: 5px; } .jb-quote .jb-quote-author { display: block; font-size: 14px; font-style: normal; line-height: 18px; margin-top: 25px; } .jb-quote .jb-quote-resources { display: flex; min-height: 120px; } .jb-quote .jb-quote-resource { align-items: center; display: flex; flex: 1 1 50%; justify-content: center; max-height: 137px; } .jb-quote .jb-quote-resource--logo { background-color: #eee; padding: 26px; } .jb-quote .jb-quote-tile-floating .jb-quote-resource--logo { background-color: #f6f6f6; } .jb-quote .jb-quote-resource--logo img { object-fit: contain; } .jb-quote.jb-quote-background-grey .jb-quote-resource--logo { background: #fff; } .jb-quote .jb-quote-resource--action .jb-link { align-items: center; color: #fff; display: flex; height: 100%; justify-content: center; width: 100%; } @media (min-width: 601px) { #cloud-site .jb-quote { margin-left: auto; margin-right: auto; } .jb-quote .jb-quote-image { height: 367px; } .jb-quote .jb-quote-tile-floating { margin-top: -120px; max-height: 700px; max-width: 550px; } } @media (min-width: 1025px) { .jb-quote .jb-quote-image { height: 500px; } .jb-quote .jb-quote-tile { flex-direction: row; } .jb-quote .jb-quote-tile-floating { max-width: 692px; } .jb-quote .jb-quote-body { flex: 1; } .jb-quote .jb-quote-tile-static .jb-quote-body { flex: 2; margin: 80px 50px 80px 60px; } .jb-quote .jb-quote-text:before, .jb-quote .jb-quote-text:after { font-size: 60px; } .jb-quote .jb-quote-text:before { left: -30px; } .jb-quote .jb-quote-resources { flex: 0 0 250px; flex-direction: column; } .jb-quote .jb-quote-tile-static .jb-quote-resources { flex-basis: 300px; } .jb-quote .jb-quote-resource { max-height: none; } } @media (min-width: 1281px) { .jb-quote .jb-quote-tile-floating { margin-top: -173px; max-width: 957px; } .jb-quote .jb-quote-body { margin: 70px 40px 70px 50px; } .jb-quote .jb-quote-tile-static .jb-quote-body { margin: 93px 120px 93px 135px; } .jb-quote .jb-quote-text { font-size: 30px; line-height: 40px; } .jb-quote .jb-quote-resources { flex-basis: 288px; } .jb-quote .jb-quote-tile-static .jb-quote-resources { flex-basis: 408px; } } /* Generic card with bottom link and container */ .jb-card-container { display: flex; flex-wrap: wrap; justify-content: center; margin: 40px auto 0; max-width: 1200px; } .jb-card-container-bottom-flush { margin-bottom: -36px; } .jb-card { background: #fff; box-sizing: border-box; display: flex; flex: 0 0 300px; flex-direction: column; margin: 12px; padding: 24px; position: relative; text-decoration: none; transition: all 0.3s; } .jb-spacing-card { flex: 0 0 300px; height: 0; margin: 0 12px; } .jb-card-content h3 { font-size: 22px; line-height: 33px; } .jb-card-icon + .jb-card-content h3 { margin-top: 16px; } .jb-card-large .jb-card-content h3 { font-size: 24px; line-height: 36px; padding-bottom: 80px; margin: 0; } .jb-card-footer { align-self: end; margin-top: auto; padding-top: 20px; } .jb-card-footer .jb-link { display: block; margin-bottom: 14px; } .jb-card-footer .jb-link:last-child { margin-bottom: 0; } #cloud-site .jb-card img { padding: 0; } .jb-card-icon { align-items: center; display: flex; height: 52px; padding: 0; } .jb-icon { height: 32px; width: 32px; } .jb-card-large .jb-card-footer { border-top: solid 1px #f6f6f6; margin-left: -24px; margin-right: -24px; padding: 24px 24px 0 24px; width: 300px; } .jb-card-container-alt .jb-card-large .jb-card-footer { border-top: solid 1px #d8d8d8; } /* Badge container */ .jb-badge-container { display: flex; flex-wrap: wrap; justify-content: center; margin: -25px 0; } .jb-badge-container a { display: flex; flex-direction: column; margin: 24px; text-align: center; width: 100px; } .jb-spacing-badge { margin: 0 24px; height: 0; width: 100px; } .jb-badge-container img { display: block; flex: 1 0; margin: auto; max-height: 92px; max-width: 92px; padding-bottom: 12px; } .jb-badge-container div { font-size: 16px; font-weight: 500; text-transform: uppercase; } @media (max-width: 1024px) { .jb-badge-container a { margin: 16px; } .jb-spacing-badge { margin: 0 16px; } .jb-product-card-list li { line-height: 30px; } } @media (max-width: 320px) { .jb-badge-container a { margin: 8px; } .jb-spacing-badge { margin: 0 8px; } } /* Split 2 color section */ .jb-split-section { display: flex; } .jb-split-section.blue, .jb-split-section .blue { background: #498dfc; color: #fff; } .jb-split-section.grey, .jb-split-section .grey{ background: #f6f6f6; color: #424242; } #cloud-site .jb-left { padding-left: 96px; padding-right: 40px; } #cloud-site .jb-right { padding-left: 40px; padding-right: 40px; } /* colored background is on the right */ .jb-split-section-right .blue { position: relative; } .jb-split-section .blue .jb-link, .jb-split-section .blue .jb-styled-list-heading, .jb-split-section .blue .jb-styled-list-content { color: #fff; } .jb-split-section .white { background: #fff; color: #424242; } .jb-split-section > div { flex: 1; } .jb-left, .jb-right { align-items: center; display: flex; } @media only screen and (max-width: 767px) { .jb-split-section { display: block; } #cloud-site .jb-left, #cloud-site .jb-right { padding-left: 30px; padding-right: 30px; } } .blue-section-cta { color: #ffffff; text-decoration: underline; } /* Solutions pages */ #cloud-site .jb-hero-solutions { background-size: cover; background-position: right; background-repeat: no-repeat; } .jb-hero-solutions .jb-hero-content { max-width: 412px; } #cloud-site .jb-hero-solutions .hero-subtitle { color: #424242; font-size: 16px; } .jb-card-section-blurb { font-size: 16px; line-height: 24px; margin: auto; max-width: 700px; } .jb-card-container-alt .jb-card { background: #f6f6f6; } .jb-card-container-4up .jb-card { flex: 0 0 260px; } .jb-partner-card .jb-card-icon { height: 72px; } .jb-headline-underlined:after { background-color: #2b85e7; content: ''; display: block; height: 6px; margin-top: 27px; width: 60px; } .jb-solutions-title { font-size: 16px; line-height: 24px; margin: 0 0 8px; } .jb-solutions-container { margin-top: -50px; } .jb-solutions-block { margin-top: 50px; } .jb-solutions-subtitle { font-size: 30px; line-height: 36px; } #cloud-site .jb-solutions-block-content > p { margin-top: 16px; } .jb-separator { border-top:1px solid #f6f6f6; margin: 0 -25px; } @media only screen and (min-width: 900px) { #cloud-site .jb-solutions-block-content > p { margin-top: 0; } .jb-solutions-block-content { padding-left: 28px; } #cloud-site .jb-hero-solutions { padding: 90px 64px 70px 126px; } .jb-solutions-subtitle { font-size: 30px; line-height: 36px; } } @media only screen and (max-width: 1024px) { #cloud-site .jb-hero-solutions { background-size: 100% auto; background-position: top right; padding: 50px 0 0 0; } .jb-hero-solutions .jb-hero-content { background: #fff; margin-top: 30%; max-width: 100%; padding: 10px 50px 0; } } @media only screen and (max-width: 600px) { .jb-hero-solutions { margin-left: -16px; margin-right: -16px; } .jb-hero-solutions .jb-hero-content { padding: 0 20px 40px; max-width: 100%; } } /** Salesforce specific */ .salesforce .jb-hero { margin-top: -40px; } .salesforce .jb-hero-bg { background: url('/web/20210525094947im_/https://cloud.google.com/images/salesforce/hero-image-mobile.jpg') no-repeat center right; background-size: cover; height: 182px; left: 0; position: absolute; right: 0; top: 0; } .salesforce .jb-logo-wrapper { align-items: center; display: flex; justify-content: center; margin: 0 auto; max-width: 310px; min-height: 182px; padding: 0 10px; position: relative; } .salesforce .jb-hero-content { margin-bottom: 30px; padding: 0; } #cloud-site.salesforce .jb-hero-subtitle { margin-top: 32px; text-align: center; } @media (min-width: 600px) { .salesforce .jb-hero-bg { height: 317px; } .salesforce .jb-logo-wrapper { min-height: 317px; } } @media (min-width: 1024px) { .salesforce .jb-hero, .salesforce .jb-hero-bg { height: 420px; } .salesforce .jb-hero-content { margin-left: 36px; max-width: 530px; padding: 80px 0 125px; position: relative; } .salesforce .jb-logo-wrapper { margin-left: 0; min-height: 0; } #cloud-site.salesforce .jb-hero .jb-hero-subtitle { color: #fff; text-align: left; } .salesforce .jb-hero .jb-hero-subtitle a { color: #fff; text-decoration: underline; } } @media (min-width: 1280px) { .salesforce .jb-hero-bg { background-image: url('/web/20210525094947im_/https://cloud.google.com/images/salesforce/hero-image_2x.png'); } } /** Methodology Specific */ .jb-methodology-item { margin-top: 45px; } .jb-methodology-image { margin-bottom: 15px; } .jb-methodology-header { color: #414141; font-size: 24px; font-weight: 500; line-height: 32px; margin-bottom: 8px; margin-top: 0; } .jb-methodology-subheader { font-size: 16px; font-weight: 700; line-height: 28px; margin-top: 0; } @media (min-width: 1024px) { .jb-methodology-list { display: flex; } .jb-methodology-item { flex: 1; margin-left: 1.03799%; margin-right: 1.03799%; } .jb-methodology-header { font-size: 20px; line-height: 26px; margin-bottom: 0; padding-bottom: 45px; position: relative; } .jb-methodology-header:before { border-color: transparent transparent transparent #4285f4; border-style: solid; border-width: 6px 0 6px 12px; content: ''; display: block; height: 0; left: 92%; margin-top: 42px; position: absolute; width: 0; } .jb-methodology-header:after { background-color: #4285f4; content: ''; display: block; height: 4px; margin-top: 20px; position: absolute; width: 92%; } .jb-methodology-item:nth-child(2) .jb-methodology-header { overflow: visible; } .jb-methodology-item:nth-child(2) .jb-methodology-header::before { left: 205%; } .jb-methodology-item:nth-child(2) .jb-methodology-header::after { width: 205%; } .jb-methodology-item:nth-child(3) .jb-methodology-header::before, .jb-methodology-item:nth-child(3) .jb-methodology-header::after { display: none; } } /* Press page */ .jb-press-content { margin: 0 auto; max-width: 1024px; } .jb-press-flex-container { display: flex; flex-wrap: wrap; justify-content: space-between; } /* Press Bio Cards */ .jb-bio-card-container { margin: 32px -24px 0; } .jb-bio-card { background: #fff; flex: 1 0 400px; margin: 24px 12px 0; max-width: 100%; padding: 32px 40px 0; } .jb-bio-spacing-card { flex: 1 0 400px; height: 0; margin: 24px 12px 0; padding: 0 40px 0; } .jb-bio-card-content { display: flex; justify-content: space-between; } .jb-bio-card h3 { font-size: 20px; line-height: 38px; margin: 0; } .jb-bio-card-image { flex-shrink: 0; } .jb-image-caption { font-size: 20px; line-height: 28px; } #cloud-site .jb-bio-card-image img { padding: 0 0 0 12px; } .jb-bio-card-footer { border-top: solid 1px #f6f6f6; display: flex; justify-content: space-between; margin: 0 -40px; padding: 20px 40px; } .jb-bio-card-footer a { display: block; } .jb-bio-card .devsite-dialog-button { color: #039be5; cursor: pointer; } /* Press Logo Cards */ .jb-logo-card { background: #fff; display: flex; flex: 1 0 320px; flex-direction: column; justify-content: space-between; margin: 10px 5px 0; max-width: 100%; padding: 32px 0 0; } .jb-logo-card-footer { border-top: solid 1px #f6f6f6; flex: 0 0; padding: 20px 40px; } .jb-logo-card-content img { width: 100%; } .jb-logo-card-container { margin: 22px -5px 0; } @media screen and (max-width: 640px) { .jb-logo-card-container { margin: 22px 0 0; } .jb-logo-card { margin: 10px 0 0; } } .jb-press-section { margin-bottom: 100px; } .jb-press-section-side { flex: 0 0 450px; max-width: 100%; } .jb-press-section-main { flex: 1 0 450px; max-width: 100%; padding-right: 20px; } #cloud-site .jb-press-section-side img, #cloud-site .jb-logo-card-content img { padding: 0; } .jb-press-bio { left: 50%; margin-left: -380px; padding: 0; top: 0; width: 760px; } .jb-press-bio-image { width: 100%; } .jb-press-bio .devsite-dialog-contents { margin: auto; max-width: 448px; } .jb-press-bio .devsite-dialog-close { cursor: pointer; font-size: 40px; position: absolute; top: 20px; right: 20px; } @media only screen and (max-width: 800px) { div.jb-press-bio { left: 50%; margin-left: -45%; width: 90%; } } /* Why google page styles */ .jb-customer-logo-container { display: flex; flex-wrap: wrap; justify-content: center; margin: 52px auto; max-width: 1024px; } #cloud-site .jb-customer-logo-container img { display: block; flex: 0; margin: -1px; padding: 0; } .jb-security-heading { font-size: 24px; line-height: 36px; } </style><style> /* Styles inlined from /css/why-google.css */ #cloud-site .flex { display: flex; justify-content: center; } .flex-1 { flex: 1; } #cloud-site .hero-content { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; } .hero-img { height: 375px; max-width: 401px; min-width: 300px; } #cloud-site .wrap { flex-wrap: wrap; padding: 10px; } #cloud-site p { font-size: 16px; } #cloud-site h1, #cloud-site h2, #cloud-site h3 { margin: 0; line-height: initial; } *:not(.code-sample):not(.data-sample):not(.kd-tabbed-horz):not(.kd-tabbed-vert)>*>h2:not(.hide-from-toc):not(#contents):not(#table-of-contents) { padding-right: 0; } #cloud-site p.subtext { font-size: 16px; line-height: 1.8em; margin: 20px auto; max-width: 832px; padding: 0 16px; } #cloud-site header { margin: -40px auto 0; max-width: 1350px; } #cloud-site header h2 { font-size: 24px; font-weight: 600; margin: 5px 0; } #cloud-site header .border-blue { background-color: #a9c7f3; height: 2px; width: 100px; } #cloud-site header > div { flex: 1; } #cloud-site header .left > div { padding: 48px 26px; } #cloud-site header .right { padding: 44px; text-align: right; } #cloud-site .gcp-benefits h2 { font-size: 42px; } #cloud-site .gcp-benefits h3 { margin: 16px 0; } #cloud-site .gcp-benefits .flex { flex-wrap: wrap; justify-content: center; } #cloud-site .gcp-benefits .flex > a { background: #fff; cursor: pointer; margin: 12px; width: 352px; transition: all 0.3s; } #cloud-site .gcp-benefits .flex > a:hover { box-shadow: 0 4px 4px rgba(1,67,163,0.24), 0 0 4px rgba(1,67,163,0.12), 0 6px 18px rgba(43,133,231,0.12); text-decoration: none; transform: translate3d(0, -2px, 0); } #cloud-site .gcp-benefits .flex > a .inner { color: #4a5960; min-height: 310px; padding: 28px 30px 0; } #cloud-site .gcp-benefits .flex > a > img { padding: 0; } #cloud-site .gcp-benefits .flex p { font-size: 14px; } #cloud-site .gcp-benefits .flex > a > span { display: block; border-top: 1px solid #e4e4e4; padding: 18px 30px; } #cloud-site .gcp-benefits .flex > a.pseudo { visibility: hidden; } #cloud-site .half-section { margin-left: -10000px; padding-left: 10000px; } #cloud-site .blue { background: #498dfc; } #cloud-site .white { background: #fff; } #cloud-site .half-section > div { flex: 1; } #cloud-site .security .badges { padding-left: 100px; text-align: left; } #cloud-site .security .left { margin-left: calc(50% - 154px); } #cloud-site .security h2 { color: #fff; font-size: 38px; max-width: 416px; } #cloud-site .security h2 .word-break { display: inline-block; } #cloud-site .security p { color: #fff; font-size: 16px; padding: 10px 0; padding-right: 48px; } #cloud-site .security .left-text p { padding: 0; } #cloud-site .security p.sub-heading { font-size: 18px; font-weight: 700; margin-bottom: 0; } #cloud-site .security a, #cloud-site .security a:visited { color: #fff; font-weight: 500; text-transform: uppercase; } #cloud-site .security .left-text a { margin-left: 10px; } #cloud-site .customers .flex { justify-content: center; margin: auto; max-width: 1160px; } #cloud-site .customers h2 { font-size: 36px; line-height: 1.4em; margin: auto; max-width: 700px; padding: 0 10px 10px; } #cloud-site .customers .flex > div { background: #fff; margin: 8px; width: 268px; height: 358px } #cloud-site .customers .flex > div > a > img { padding: 0; } #cloud-site .customers .flex .inner { margin: 20px; } #cloud-site .customers .flex > div p { font-size: 14px; min-height: 100px; } #cloud-site .customers .flex > div.pseudo { display: none; } #cloud-site .customers .flex .company-logo { padding: 0; } #cloud-site .background-grey .lb-play-overlay::after { bottom: 0; left: 0; right: 0; top: 0; } #cloud-site blockquote.text-light p { color: #fff; font-size: 22px; font-weight: 300; line-height: 1.7em; margin: auto; max-width: 1108px; padding: 36px 0; } #cloud-site blockquote.text-light em, #cloud-site blockquote.text-light p.attribution { color: #fff; display: block; font-size: 14px; margin-bottom: 20px; opacity: 0.87; padding: 0; } #cloud-site .link.f-medium, .f-medium { font-weight: 500; } #cloud-site .link { font-size: 14px; padding-right: 24px; position: relative; text-transform: uppercase; } #cloud-site .link:after { background-color: #039be5; background-image: url(//web.archive.org/web/20210525094947im_/https://www.gstatic.com/images/icons/material/system/1x/arrow_upward_white_24dp.png); background-repeat: no-repeat; background-size: contain; border-radius: 50%; content: ''; height: 16px; position: absolute; right: 0; top: calc(50% - 7.5px); transform: rotateZ(90deg); width: 16px; } #cloud-site .left-text .link:after { background-color: #fff; background-image: url(//web.archive.org/web/20210525094947im_/https://www.gstatic.com/images/icons/material/system/1x/arrow_upward_googblue_24dp.png); } #cloud-site .why-google .flex > div { background: #f5f5f5; margin: 8px; width: 354px; } #cloud-site .why-google .flex > div > p { font-size: 14px; padding: 28px 24px; } #cloud-site .why-google .flex > div.pseudo { visibility: hidden; } #cloud-site .why-google h2 { font-size: 36px; } #cloud-site .why-google p { margin: 6px 0; padding: 0 20px; } #cloud-site .why-google h3 { background-color: #8fa3ac; background-position: 24px; background-repeat: no-repeat; color: #fff; font-size: 16px; font-weight: 500; padding: 28px 0 26px 72px; } #cloud-site .why-google h3.serverless { background-image: url(/web/20210525094947im_/https://cloud.google.com/_static/cloud/images/products/logos/svg/appengine-button-icon.svg); } #cloud-site .why-google h3.custom-machine { background-image: url(/web/20210525094947im_/https://cloud.google.com/_static/cloud/images/products/logos/svg/compute-button-icon.svg); } #cloud-site .why-google h3.containers { background-image: url(/web/20210525094947im_/https://cloud.google.com/_static/cloud/images/products/logos/svg/container-engine-button-icon.svg); } #cloud-site .why-google h3.bigquery { background-image: url(/web/20210525094947im_/https://cloud.google.com/_static/cloud/images/products/logos/svg/bigquery-button-icon.svg); } #cloud-site .why-google h3.dataflow { background-image: url(/web/20210525094947im_/https://cloud.google.com/_static/cloud/images/products/logos/svg/dataflow-button-icon.svg); } #cloud-site .why-google h3.ml-engine { background-image: url(/web/20210525094947im_/https://cloud.google.com/_static/cloud/images/products/logos/svg/ml-button-icon.svg); } #cloud-site .why-google h3.stackdriver { background-image: url(/web/20210525094947im_/https://cloud.google.com/_static/cloud/images/products/logos/svg/stackdriver-button-icon.svg); } #cloud-site .why-google h3.load-balancing { background-image: url(/web/20210525094947im_/https://cloud.google.com/_static/cloud/images/products/logos/svg/gcp-button-icon.svg); } #cloud-site .why-google h3.pricing { background-image: url(/web/20210525094947im_/https://cloud.google.com/_static/cloud/images/products/logos/svg/gcp-button-icon.svg); } #cloud-site .banner-bottom { align-items: center; color: #fff; min-height: 170px; padding: 20px 5%; width: 1090px; } #cloud-site .banner-bottom .main { color: #fff; font: normal 22px/25px Roboto; margin-right: 8%; } #cloud-site .banner-bottom .body { color: #fff; flex: 1; font: lighter 18px/21px Roboto; margin-right: 8%; } @media only screen and (min-width: 871px) and (max-width: 1155px) { #cloud-site .customers .flex > div.pseudo { display: block; visibility: hidden; } } @media only screen and (max-width: 1118px) { #cloud-site header.top { display: block; } #cloud-site header .left { margin: auto; max-width: 714px; } #cloud-site header .left > div { padding: 20px; } #cloud-site header .right { padding-top: 22px; text-align: center; } #cloud-site .security .left { margin-left: calc(50% - 168px); padding-right: 28px; } #cloud-site .security .badges { padding-left: 0; text-align: center; } #cloud-site .banner-bottom { align-items: initial; flex-direction: column; text-align: center; width: inherit; } #cloud-site .banner-bottom .main { margin-right: 0; } #cloud-site .banner-bottom .body { line-height: 4; margin-right: 0; } #cloud-site .banner-bottom > * { margin: 10px 0; } #cloud-site .free-trial .main { max-width: 565px; } } @media only screen and (max-width: 780px) { #cloud-site .hero-content { align-items: center; min-width: 500px; } } @media only screen and (max-width: 767px) { #cloud-site header .left > div { padding: 20px; } #cloud-site header .right { padding: 20px; } #cloud-site header h2 { padding-bottom: 8px; } #cloud-site .gcp-benefits h1 { font-size: 40px; } #cloud-site .gcp-benefits .flex > a { margin: 16px 24px; width: 100%; } #cloud-site .security { display: block; } #cloud-site .security .left { margin: 0 24px; padding-right: 0; } #cloud-site .why-google .flex > div { margin: 16px 16px; width: 100%; } #cloud-site .why-google .flex > div.pseudo { display: none; } #cloud-site blockquote.text-light p { padding: 34px 0; } } @media only screen and (max-width: 500px) { #cloud-site .hero-content { min-width: 300px; } #cloud-site .hero-img { display: none; } .hero-content .hero-link { flex-direction: column; } } </style><style> /* Styles inlined from /css/maps/maps-platform.css */ body[layout=full] .devsite-banner { margin: 0 calc(50% - 50vw) 0; } .user-guide-hero-image { display: flex; justify-content: center; align-items: center; } .maps-table-row-highlight td { background: #d4d4d4; text-transform: uppercase; } .maps-underline { text-decoration: underline; } /* Smb frequently-asked-questions*/ #cloud-site .frequently-asked-questions .qa-item .question { margin-bottom: 24px; } /* Devsite standard site footer */ footer.devsite-footer-linkboxes, .devsite-footer-linkboxes { height: 0; overflow: hidden; } devsite-language-selector { z-index: 1003; } .cloud-carousel__slide { overflow: hidden; } .devsite-dialog.devsite-henhouse-dialog { /* * This will override the padding set on regular DevSite dialog and allow the * iframe to span the whole page. */ max-height: 100%; max-width: 100%; } .devsite-henhouse-dialog { height: 467px !important; width: 600px !important; } /* Button full-width */ @media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 780px) { #cloud-site .button { width: 100%; } } /* Modal */ .hh-modal { display: none; } .hh-modal.show { display: inline-block; } .hh-buttons .devsite-dialog-continue { display: none; } .hh-buttons .hh-default-button { display: none; } .hh-buttons .show { display: inline-block; } .hh-modal__wrapper { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100000; pointer-events: none; overflow: auto; } .hh-modal__container { max-width: 700px; width: 100%; height: auto; background: white; left: 0; top: 0; right: 0; margin: auto; pointer-events: all; } .hh-modal__header { margin: 25px 40px 50px; display: flex; align-items: center; } .hh-modal__content { padding: 0 40px 0; text-align: left; } .hh-modal__content input:focus { outline: #18417e; outline-style: auto; } .hh-modal__step-list { padding: 0 15px; font-size: 16px; } .hh-modal__step-list li { margin: 0; opacity: 0.6; padding-top: 10px; } .hh-modal__title { font-size: 24px; } .hh-modal__step-list li:first-child { font-weight: 500; opacity: 1; } .hh-modal__logo { display: block; margin-right: 0px; width: 48px; padding-right: 24px; height: auto; } /* Options */ .hh-options__container { display: flex; margin-top: 40px; } .hh-options__option { display: flex; flex-basis: 33%; } .hh-options__copy { position: relative; } .hh-options__title { margin: 0; font-size: 16px; line-height: initial; color: #565656; } .hh-options__copy p { margin: 0; font-size: 14px; line-height: initial; color: #9a9a9a; } .hh-options__copy:hover .hh-tooltip { display: block; } .hh-options__copy label { font-size: 18px; line-height: initial; margin-bottom: 10px; font-weight: 500; color: #464646; position: relative; } /* Buttons */ .hh-buttons { text-align: right; margin: 40px; } .hh-buttons__signed-in { color: #7bc62d; font-weight: 500; margin-bottom: 10px; display: none; } .hh-buttons__no-charge-msg { text-align: left; color: #9a9a9a; font-size: 12px; width: 350px; margin-left: 20px; float: left; line-height: 1.2; } /* Tooltip */ .hh-tooltip { display: none; position: absolute; background: white; box-shadow: #dedede 0 0 12px 1px; top: -80px; left: 40%; border-radius: 3px; padding: 10px 15px; z-index: 100; pointer-events: none; width: 300px; } .hh-tooltip__list { margin-bottom: 10px; padding: 0; list-style: none; font-weight: 500; } .hh-tooltip__list li { margin: 0; font-size: 14px; color: #6d6d6d; } .hh-tooltip__list:last-child { margin-bottom: 0; } .devsite-nav-list > .devsite-nav-item-heading:last-child { border-bottom: 0; padding-bottom: 0; } .hh-api_label { margin-top: 10px; font-size: 16px; color: #464646; } .hh-api_list { padding: 0; list-style: none; font-weight: 500; } .hh-api_list li { margin: 0; font-size: 14px; color: #9a9a9a; } @media (max-width: 496px) { cloudx-jump-menu[open] { top: 113px; } } .maps-banner { align-items: center; background-color: #34a853; color: #fff; display: flex; font-family: Google Sans, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; justify-content: center; padding: 10px; } p a { word-break: break-all; } .maps-platform__responsive-table { display: table; width: 100%; } .maps-platform__responsive-table__row { display: table-row; } .maps-platform__responsive-table__row--desktop-only { display: none; } @media (min-width: 768px) { .maps-platform__responsive-table__row--mobile-only { display: none; } .maps-platform__responsive-table__row--desktop-only { display: table-row; } .maps-platform__responsive-table__cell { display: table-cell; padding-left: 20px; padding-right: 20px; width: 33.33%; } } </style><style> /* Styles inlined from /css/multi-page2.css */ /* NEW COMPONENTIZED STYLES - MUST INCLUDE jb CLASS */ .maps-carousel .jb-customer-logo-container .jb-customer-logo { width: 160px; height: 160px; } .maps-carousel .jb-customer-more-link { font-size: 20px; font-weight: 700; text-align: center; } .maps-carousel .jb-quote-image { margin: 0 calc(50% - 50vw); } .maps-carousel .jb-quote-text .lt-quote { color: #2b85e7; font-size: 60px; margin-left: -31px; vertical-align: middle; } .maps-carousel .jb-quote-text .rt-quote { color: #2b85e7; font-size: 60px; margin-left: 5px; vertical-align: middle; } .maps-carousel .jb-quote .jb-quote-resource--logo img { width: 170px; } #cloud-site .maps-cta-section .jb-hero-solutions { padding: 120px 64px 120px 126px; } .maps-carousel i.material-icons { color: #000; } .jb-quote-resources i.material-icons { color: #fff; } @media only screen and (max-width: 1024px) { #cloud-site .maps-cta-section .jb-hero-solutions { padding: 50px 0 0; } } #cloud-site .maps-cta-section .jb-hero .hero-title { color: #fff; } #cloud-site .jb-hero .button.button-plain { background: #fff; border: 1px solid #dfdfdf; color: #4285f4; } #cloud-site .jb-hero .button.button-plain:hover { background: #f8fafe; } .jb-hero-solutions.maps-full-bleed .jb-hero-content { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1280px; } .jb-hero-solutions.maps-full-bleed .jb-hero-content .hero-title { max-width: 500px; } .jb-hero-solutions.maps-full-bleed .jb-hero-content .hero-subtitle { max-width: 412px; } .maps-std-section .jb-quote .jb-quote-image { background-position: center; } @media screen and (max-width: 1280px) { .maps-carousel .jb-quote-text .lt-quote { font-size: 40px; margin-left: -21px; } .maps-carousel .jb-quote-text .rt-quote { font-size: 40px; margin-left: 3px; } } @media only screen and (max-width: 1024px) { #cloud-site .maps-cta-section .jb-hero .hero-title { color: #424242; } .maps-cta-section .jb-hero-solutions .jb-hero-content { padding: 20px 50px 40px; } } /* END NEW COMPONENTIZED STYLES - MUST INCLUDE jb CLASS */ /* DEMO STYLES */ .iframe-large { height: 700px; min-width: 100%; } .iframe-small { height: 475px; min-width: 100%; } .kd-buttonbar { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; .kd-tabbutton { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: none; } } /* END DEMO STYLES */ /* DEMO STYLES */ .iframe-large { height: 700px; min-width: 100%; } .iframe-small { height: 475px; min-width: 100%; } .kd-buttonbar { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-buttonbar .kd-tabbutton { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: none; } /* END DEMO STYLES */ .devsite-full-width-page .devsite-main-content { max-width: 1400px; padding: 0; } #cloud-site .full-bleed-right { margin-right: -10000px; padding-right: 10000px; } #cloud-site .full-bleed-right2 { margin: 0 calc(50% - 50vw) 0 300px; } html, body { background-color: transparent; } .left-sidebar-container { background: #fff; bottom: 0; -webkit-box-shadow: 2px 0 2px rgba(0,0,0,0.1); box-shadow: 2px 0 2px rgba(0,0,0,0.1); line-height: 1.6em; position: absolute; top: 0; z-index: 1; } .left-sidebar-container, .left-sidebar { min-width: 300px; width: 300px; } .left-sidebar { overflow:auto; position: fixed; } .left-sidebar::-webkit-scrollbar { height: 16px; width: 8px; } .left-sidebar::-webkit-scrollbar-button { height: 0; width: 0; } .left-sidebar::-webkit-scrollbar-button:start:decrement, .left-sidebar::-webkit-scrollbar-button:end:increment { display: block; } .left-sidebar::-webkit-scrollbar-button:vertical:start:increment, .left-sidebar::-webkit-scrollbar-button:vertical:end:decrement { display: none; } .left-sidebar::-webkit-scrollbar-track:vertical { background-clip: padding-box; border: 0 solid transparent; } .left-sidebar::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(0,0,0,0.07); background-color: rgba(0, 0, 0, .2); min-height: 28px; padding-top: 100px; } .left-sidebar::-webkit-scrollbar-thumb:hover { -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .4); } .left-sidebar::-webkit-scrollbar-thumb:active { -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35); background-color: rgba(0, 0, 0, .5); } .left-sidebar::-webkit-scrollbar-thumb:vertical { border: 0 solid transparent; border-right: 5px solid transparent; } .left-sidebar::-webkit-scrollbar-track:hover { -webkit-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, .1); background-color: rgba(0, 0, 0, .05); } .left-sidebar::-webkit-scrollbar-track:active { -webkit-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, .14), inset -1px -1px 0px rgba(0, 0, 0, .07); background-color: rgba(0, 0, 0, .05); } .left-sidebar .title { color: #414141; font-size: 20px; font-weight: 500; line-height: 1.2em; padding: 66px 52px 19px 24px; } .left-sidebar .nav-links a { padding: 17px 52px 17px 24px; } #cloud-site .left-sidebar .nav-links a, #cloud-site .left-sidebar .nav-links a:visited { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #757575; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 600; line-height: 1em; text-decoration: none; } #cloud-site .left-sidebar .nav-links a:hover { background: #f5f5f5; color: #757575; text-decoration: none; } #cloud-site .left-sidebar .nav-links a.selected { color: #0091ea; } #cloud-site .left-sidebar .nav-links a.sublink { font-weight: 400; line-height: 1.6em; padding-bottom: 12px; padding-left: 44px; padding-top: 12px; } .article-content { margin-left: 300px; } header.header { padding-top: 60px; padding-bottom: 80px; } .header .hero-title { color: #414141; font-size: 48px; line-height: 1.3em; margin-bottom: 30px; } .header .hero-title.white-text { color: #fff; } .header .hero-subtitle { color: #8a8a8a; font-family: Roboto,sans-serif; font-size: 18px; font-weight: 300; line-height: 1.5em; margin: 0 0 24px; padding-bottom: 0; width: 40%; } .header .hero-subtitle.full-width { width: 100%; } .header .hero-subtitle.white-text { color: #fff; } .header .hero-subtitle.header-page-links { margin-bottom: 0; } .maps-home-hero { background-image: url(https://web.archive.org/web/20210525094947im_/https://screenshot.googleplex.com/wU56XxwhPxO.png); background-position: bottom; background-size: cover; margin-right: calc(50% - 50vw); } .maps-platform-hero .cta-container { margin-top: 16px; } .with-padding { padding-left: 4.65%; padding-right: 4.65%; } .with-margin { margin-left: 4.65%; margin-right: 4.65%; } .multi-section.small.top-pad { padding-top: 70px; } .multi-section.bottom-pad { padding-bottom: 80px; } .multi-section.bottom-pad-less { padding-bottom: 30px; } .multi-section.top-pad { padding-top: 80px; } .multi-section.top-pad-less { padding-top: 30px; } .section-container { padding: 80px 0; } .section-container.no-top-pad { padding-top: 0; } .section-container.small { padding: 70px 0; } .section.with-border { border-bottom: 1px solid #c6c6c6; } .multi-section .section { padding-bottom: 80px; } .section .title, .section.alternate .title, .section h1.title, .section h2.title { color: #424242; font-weight: 300; letter-spacing: initial; margin: 0; margin-bottom: 32px; overflow: initial; padding: 0; -o-text-overflow: initial; text-overflow: initial; } .section .title.f-medium, .section.alternate .title.f-medium , .section h1.title.f-medium, .section h2.title.f-medium { font-weight: 400; } .section .title, .section h1.title, .section.alternate .title { font-size: 36px; line-height: 1.3; } .metrics-heading { color: #4285f4; font-size: 36px; font-weight: 500; line-height: 1.3; margin-bottom: 7px; } .section.alternate .title { margin-bottom: 16px; } .section h2.title { border: none; font-size: 24px; line-height: 1.5; padding-right: 0 !important; } .section .title.with-desc, .section h1.title.with-desc, .section h2.title.with-desc { margin-bottom: 6px; } .section .title.title-center { margin-bottom: 40px; text-align: center; } .section .title.no-margin { margin-bottom: 0; } .section .title.large-margin, .section .desc.large-margin { margin-bottom: 60px; } .section .sub-title { margin-bottom: 32px; } .section .desc { color: #747474; font-size: 16px; line-height: 1.8em; } .alternate-left > *, .alternate-right > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; } .alternate-right > .img-container { margin-left: 52px; text-align: center; } .alternate-right > .img-container.is-r-precode { position: relative; } .section.alternate .alternate-right.no-top-pad { padding-top: 0; } .section.alternate .alternate-left.no-pad, .section.alternate .alternate-right.no-pad { padding: 0; } .img-container.is-r-precode .code-container { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .img-container.is-r-precode .code-container pre { height: 100%; margin: 0; width: 100%; } .section.alternate .img-w-title-wrap .title > .img-container { display: none; } .bulleted-image-list { list-style: none; margin: 0; padding: 0; } .bulleted-image-list li { color: #747474; font-size: 16px; line-height: 1.8; margin: 0 0 16px 0; padding-left: 54px; position: relative; } .bulleted-image-list li:last-child { margin-bottom: 0; } .bulleted-image-list li:before { background: url("/web/20210525094947im_/https://cloud.google.com/images/storage/green-checkmark.svg") no-repeat; content: ''; display: block; height: 24px; left: 0; position: absolute; top: 0; width: 24px; } .table-container.plain-table { padding: 10px; background: #fafafa; } #cloud-site .plain-table table { background: transparent; border-collapse: collapse; border-radius: initial; border: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } #cloud-site .plain-table table thead th, #cloud-site .plain-table table tbody td { background: transparent; border: none; color: #424242; font-size: 16px; font-weight: 400; line-height: 1.6; padding: 26px 40px 26px 10px; text-transform: initial; } #cloud-site .plain-table table thead th:first-of-type, #cloud-site .plain-table table tbody tr td:first-of-type { min-width: 180px; font-weight: 500; } #cloud-site .plain-table tr { background: transparent; border: 0; border-bottom: 1px solid #e6e6e6; } #cloud-site .plain-table tbody tr:last-child { border-bottom: none; } .plain-table .devsite-table-wrapper { margin: 0; } .table-caption { margin-top:15px; } #cloud-site .cta-container .button { margin: 0 16px 0 0; } .partners-select-box { color: #424242; font-size: 16px; line-height: 1.6; margin-bottom: 28px; } .partners-select-box md-select { margin: 0; } .partners-select-box .md-select-value, .partners-select-box md-select:not([disabled]):focus .md-select-value { padding-left: 10px; padding-bottom: 6px; } .partners-select-box md-select:not([disabled]):focus .md-select-value { border-bottom-color: #0091ea; } md-select-menu md-content md-option[selected], md-select-menu md-content md-option[selected]:focus { color: #0091ea; } /* Cards */ .flex-card-container { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -24px; margin-right: -24px; } .flex-card.bg-light-gray { background-color: #fafafa; } .flex-card.bg-gray { background-color: #f6f6f6; } .flex-card { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 24px; margin-right: 24px; } .flex-card.pad { padding: 80px; } .flex-card.pad-less { padding: 30px; } .flex-card.bottom-pad { padding-bottom: 80px; } .flex-card.bottom-pad-less { padding-bottom: 30px; } .flex-card.top-pad { padding-top: 80px; } .flex-card.top-pad-less { padding-top: 30px; } .flex-card .cloud-eyebrow { font-family: "Google Sans", "Arial", "sans-serif"; font-weight: 700 } @media screen and (max-width: 1024px) { .flex-card.pad { padding: 40px; } .flex-card.pad-less { padding: 15px; } .flex-card.bottom-pad { padding-bottom: 40px; } .flex-card.bottom-pad-less { padding-bottom: 15px; } .flex-card.top-pad { padding-top: 40px; } .flex-card.top-pad-less { padding-top: 15px; } } a.flex-card, .maps-metrics div.flex-card { -webkit-transition: -webkit-transform 0.3s,-webkit-box-shadow 0.3s; transition: -webkit-transform 0.3s,-webkit-box-shadow 0.3s; -o-transition: transform 0.3s,box-shadow 0.3s; transition: transform 0.3s,box-shadow 0.3s; transition: transform 0.3s,box-shadow 0.3s,-webkit-transform 0.3s,-webkit-box-shadow 0.3s; } a.flex-card:hover, a.flex-card:focus, .maps-pricing-carousel div.flex-card { -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.24), 0 0 4px rgba(0,0,0,0.12), 0 6px 18px rgba(0,0,0,0.12); box-shadow: 0 4px 4px rgba(0,0,0,0.24), 0 0 4px rgba(0,0,0,0.12), 0 6px 18px rgba(0,0,0,0.12); cursor: pointer; text-decoration: none; -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .maps-pricing-carousel { padding-top: 40px; } .maps-pricing-carousel div.flex-card { border-radius: 10px; cursor: inherit; } .flex-card .upper-title { color: #9b9b9b; font-size: 14px; font-weight: 500; line-height: 1em; margin-bottom: 14px; opacity: 0.7; text-transform: uppercase; } .flex-card .title { color: #414141; font-size: 18px; font-weight: 500; line-height: 1.4; margin-bottom: 20px; } .flex-card .card-content { border-bottom: 1px solid #e4e4e4; padding: 32px 24px 28px 24px; } .flex-card .cta { color: #0091ea; font-weight: 500; letter-spacing: 0.5px; line-height: 1.1; padding: 18px 24px; } .partner-cards .flex-card .img-container, .quickstart-cards .flex-card .img-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; min-height: 74px; } .image-top-cards .flex-card .img-container { margin-top: 12px; margin-bottom: 32px; } .partner-cards .flex-card .img-container img { max-width: 100px; max-height: 60px; } .sticky-image-cards.flex-card-container { font-size: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 0; margin: 0; } .sticky-image-cards .flex-card { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; margin: 0; } .quickstart-cards .flex-card { border-left: 3px solid #fb8c00; } .quickstart-cards .flex-card.blue-border { border-left-color: #4285f4; } .quickstart-cards .card-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .features .flex-card-container { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -50px; margin-right: -52px; } .features .flex-card { background: transparent; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 50px; margin-right: 52px; min-width: 300px; } .features .flex-card .title-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 26px; } .features .flex-card .title { margin-bottom: 16px; } .features .flex-card .img-container { margin-right: 24px; } .features .flex-card .img-container img { max-height: 48px; } .key-features .flex-card-container { margin-bottom: -80px; } .key-features .flex-card { margin-bottom: 80px; } .key-features .vert-align { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .features .flex-card .title, .thumb-top-bleed-cards .flex-card .title { color: #424242; font-size: 24px; font-weight: 300; line-height: 1.5; } .features .flex-card .desc, .thumb-top-bleed-cards .features .flex-card .desc { color: #747474; font-size: 16px; line-height: 1.8; } .thumb-top-bleed-cards .flex-card, .partner-cards .flex-card, .image-top-cards .flex-card, .quickstart-cards .flex-card, .key-features .flex-card, .docs-cards .flex-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .thumb-top-bleed-cards .flex-card .title { margin-bottom: 20px; } .thumb-top-bleed-cards .flex-card img { width: 100%; } .thumb-top-bleed-cards .flex-card .card-content { border-bottom: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 42px 42px 0px 42px; } .thumb-top-bleed-cards .flex-card .cta { padding: 28px 42px; text-transform: uppercase; } .bg-img-cards .flex-card { background-position: right bottom; background-repeat: no-repeat; padding: 60px 52px 20px; } .bg-img-cards .flex-card { background-color: white; color: #747474; font-size: 16px; line-height: 1.8; } .bg-img-cards .flex-card .title { font-size: 36px; font-weight: 300; line-height: 1.3; margin-bottom: 22px; } .bg-img-cards .flex-card .body { width: 50%; } .bg-img-cards .flex-card .body .title, .bg-img-cards .flex-card .customers .title { color: #424242; font-size: 24px; font-weight: 300; line-height: 1.5; margin-bottom: 12px; } .bg-img-cards .customers .img-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 84px; } .bg-img-cards .customers .img-container img { margin: 20px 40px 20px 0; max-height: 55px; max-width: 80px; } .bg-img-cards .body-sec { margin-bottom: 60px; } .bg-img-cards .common-use-case { margin-bottom: 50px; } .arrow-cards .flex-card .card-content { border: none; } .arrow-cards .flex-card .cta { padding: 0 24px 24px; } .docs-cards .flex-card .card-content, .partner-cards .flex-card .card-content, .image-top-cards .flex-card .card-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .bleed-left-cards .flex-card { display: -webkit-box; display: -ms-flexbox; display: flex; } .bleed-left-cards .flex-card .img-container { font-size: 0; line-height: 0; } .bleed-left-cards .flex-card .card-content { border: none; padding-left: 40px; } .image-wrap-right-cards .flex-card .card-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .image-wrap-right-cards .flex-card .img-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 198px; padding-left: 24px; } .cross-4 .flex-card { min-width: 20%; } .cross-3 .flex-card { min-width: 27%; } .cross-2 .flex-card, .cross-2-1 .flex-card { min-width: 40%; } .cross-1 .flex-card { min-width: 86%; } .flex-card.ready-to-go { background-size: cover; height: 350px; } .flex-card.ready-to-go-maps { background-image: url(https://web.archive.org/web/20210525094947im_/https://screenshot.googleplex.com/Pki7xB5Wcb4.png); } .flex-card.ready-to-go-routes { background-image: url(https://web.archive.org/web/20210525094947im_/https://screenshot.googleplex.com/x3AJsPvPpvA.png); } .flex-card.ready-to-go .title, .flex-card.ready-to-go .body{ color: #fff; } .banner-section-container { color: #424242; padding-bottom: 80px; padding-top: 80px; text-align: center; } .plain-banner-bottom .main { font-size: 48px; font-weight: 300; line-height: 1.2; margin-bottom: 30px; } .plain-banner-bottom .body-title { font-size: 20px; font-weight: 500; line-height: 1.2em; margin-bottom: 12px; } .plain-banner-bottom .body { color: #616161; font-size: 16px; font-weight: 400; line-height: 1.8em; margin-bottom: 40px; } .carousel-outer { padding-left: 70px; padding-right: 70px; position: relative; -webkit-transition: height linear 0.318s; -o-transition: height linear 0.318s; transition: height linear 0.318s; } .carousel-outer > .left-arrow, .carousel-outer > .right-arrow { background: url(/web/20210525094947im_/https://cloud.google.com/images/locations/icons/left-arrow.svg) no-repeat; background-position: center; bottom: 0; cursor: pointer; outline: none; position: absolute; top: 0; width: 50px; } .carousel-outer > .right-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .carousel-outer > .left-arrow { left: 0; } .carousel-outer > .right-arrow { right: 0; } .carousel-outer > .left-arrow:hover, .carousel-outer > .right-arrow:hover { background-color: rgba(0,0,0,0.02); } .carousel-inner { height: 100%; overflow: hidden; position: relative; } .c-item { left: 100%; position: absolute; width: 100%; } .c-item.selected { position: relative; left: 0; } .c-item.selected, .c-item.is-left.selected-remove, .c-item.is-left.selected-add, .c-item.is-right.selected-remove, .c-item.right.selected-add { -webkit-transition: left linear 0.318s; -o-transition: left linear 0.318s; transition: left linear 0.318s; } .c-item.is-left.selected-remove, .c-item.is-left { left: -100%; } .c-item.selected.selected-add { left: 0; position: absolute; z-index: 10; } .customer-quote-container { color: #4a5960; font-size: 24px; font-weight: 300; line-height: 1.8; text-align: center; } .customer-quote-container .img-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 140px; } .customer-quote-container .customer-logo img { height: 50px; } .my-carousel-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .my-carousel .img-right { margin: 0 auto; } .my-carousel-item .customer-quote-container { -ms-flex-preferred-size: 55%; flex-basis: 55%; text-align: left; } .customer-quote-container .quote-by { color: #9d9d9d; font-size: 16px; font-weight: 400; line-height: 1.8; margin-top: 20px; } .customer-quote-container .customer-uses { font-size: 18px; font-weight: 500; margin-top: 20px; } .customer-quote-container .customer-link { display: block; font-size: 14px; font-weight: 500; text-transform: uppercase; } /* Modal CSS Styles */ .maps-video-dialog { left: 0; margin: auto; max-width: 960px; padding: 0; right: 0; top: 20px; width: 100%; } .partner-card-modal-x { cursor: pointer; float: right; font-size: 36px; font-weight: 300; margin: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 12px 8px; -ms-transform-origin: 12px 8px; transform-origin: 12px 8px; width: 15px; } .maps-dialog-contents { overflow: hidden; padding: 5px; } .maps-video-frame { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .maps-video-wrapper { height: 0; margin-top: 25px; padding-bottom: 56.25%; padding-top: 25px; position: relative; } .maps-customer-quote { font-family: "Google Sans", "Arial", "sans-serif"; font-size: 32px; line-height: 42px; } .maps-quote-start { margin-left: -35px; vertical-align: top; } .maps-quote-end { vertical-align: top; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .maps-full-bleed { margin: 0 calc(50% - 50vw); } .maps-benefits .benefit-img { width: 400px; } .maps-benefits .unity-img { width: 100%; } .maps-benefits .unity-logo { margin-top: 30px; width: 120px; } .maps-benefits .copy { -ms-flex-preferred-size: 55%; flex-basis: 55%; } .maps-benefits .img-right { -ms-flex-preferred-size: 35%; flex-basis: 35%; text-align: right; } .maps-benefits .img-left-smaller, .maps-benefits .img-right-smaller { -ms-flex-preferred-size: 35%; flex-basis: 35%; text-align: center; } .maps-benefits .img-left-smaller img, .maps-benefits .img-right-smaller img { width: 300px; } .maps-benefits .img-left { -ms-flex-preferred-size: 35%; flex-basis: 35%; text-align: left; } .maps-benefits .benefit-title { color: #626262; font-family: "Google Sans", "Arial", "sans-serif"; font-size: 24px; font-weight: 500; line-height: initial; margin-right: 50px; margin-top: 30px; } .maps-benefits .benefit-text { color: #8c8c8c; font-family: Roboto,sans-serif; font-size: 16px; line-height: 22px; margin-right: 50px; margin-top: 20px; } .maps-benefits .copy-right .benefit-title, .maps-benefits .copy-right .benefit-text, .maps-benefits .copy-right .unity-logo { margin-left: 40px; } .maps-bg-blue { background-color: #1a73e8; color: #fff; } .maps-bg-gray { background-color: #f8f9fa; } .maps-bg-darkgray { background-color: #f0f0f0; padding-top: 60px; } .maps-iframe-container { height: 950px; min-width: 100%; } .maps-demo-container { height: 700px; min-width: 100%; } .maps-header { background-position: right; background-size: cover; } .maps-header-routes { background-image: url(/web/20210525094947im_/https://cloud.google.com/images/maps-platform/routes_hero_2x.jpg); } .maps-header-places { background-image: url(/web/20210525094947im_/https://cloud.google.com/images/maps-platform/places_hero_2x.jpg); } .maps-header-maps { background-image: url(/web/20210525094947im_/https://cloud.google.com/images/maps-platform/maps_hero_2x.jpg); } .maps-video-header, #cloud-site .maps-platform-hero { position: relative; min-height: 60vh; /* max-height: should be there for taller screens*/ } .maps-video-header { display: flex; flex-direction: column; justify-content: center; } .maps-video-header .header-content, .maps-platform-hero .jb-hero-content { width: 100%; } #cloud-site .maps-platform-hero .hero-title, #cloud-site .maps-platform-hero .hero-subtitle { color: #fff; } .maps-video-header .bg-header-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .maps-video-header .bg-header-video video { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7); z-index: -1; } .maps-header .hero-title { margin: 30px 0 10px; } .maps-ctas { background-image: url(https://web.archive.org/web/20210525094947im_/https://screenshot.googleplex.com/HqosZQ5k9ON.png); } .maps-gaming-ctas { background-image: url(/web/20210525094947im_/https://cloud.google.com/images/maps-platform/get-started_3.jpg); } .maps-ctas .hero-title { color: #fff; margin-bottom: 20px; margin-top: 70px; } .maps-metrics, .maps-features { padding-top: 30px; padding-bottom: 30px; } .maps-std-section .flex, .maps-metrics .flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .maps-metrics .metric-block { -ms-flex-preferred-size: 24%; flex-basis: 24%; text-align: center; } /* Don't need this? .maps-metrics .left-just .metric-block { text-align: left; } */ .maps-metrics.maps-metrics-home { background: #1a73e8; } .maps-features-block { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; text-align: left; } .maps-features--three-col .maps-features-block { -ms-flex-preferred-size: 30%; flex-basis: 30%; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; text-align: left; } .maps-features-comment { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 30px; text-align: center; } .maps-demo { padding-bottom: 30px; padding-top: 30px; } .maps-metrics .metric-title { color: #626262; font-family: "Google Sans", "Arial", "sans-serif"; font-size: 36px; font-weight: 600; line-height: initial; } .maps-pricing-carousel .maps-metrics .metric-title { font-size: 42px; } .maps-metrics.maps-metrics-home .metric-title { color: #fff; } .maps-subtitle { font-family: "Google Sans", "Arial", "sans-serif"; font-size: 22px; letter-spacing: .5px; margin-bottom: 20px; color: #626262; font-weight: 600; } .maps-solutions .cta { color: #0091ea; font-weight: 500; letter-spacing: 0.5px; line-height: 1.1; text-transform: uppercase; } .maps-copy { font-family: Roboto,sans-serif; font-size: 16px; margin-bottom: 20px; color: #626262; } .maps-copy-large { color: #8a8a8a; font-family: Roboto,sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 20px; } .maps-copy-large ul { margin-top: -8px; } .maps-copy-title { font-family: Roboto,sans-serif; font-size: 16px; margin-bottom: 5px; color: #626262; font-weight: 600; } .maps-metrics-home .maps-copy, .maps-metrics-home .maps-subtitle { color: #fff; } .maps-std-section .maps-pricing-carousel .centered-subtitle { margin-bottom: 0; } .maps-pricing-carousel { padding-bottom: 80px; } .maps-pricing-carousel .maps-metrics { padding: 30px 80px; } .maps-pricing-carousel .maps-subtitle { font-size: 26px; font-weight: 400; line-height: 30px; margin-bottom: 40px; } .maps-pricing-carousel .maps-subtitle:nth-of-type(2) { margin-top: -10px; } .maps-pricing-carousel .flex-card .card-content { border-bottom: 0; } .maps-pricing-carousel .flex-card.flex-card-empty { background: initial; -webkit-box-shadow: initial; box-shadow: initial; cursor: pointer; text-decoration: none; -webkit-transform: initial; transform: initial; } .maps-pricing-carousel .maps-metrics { background-color: inherit; box-shadow: inherit; } .maps-pricing-carousel div.flex-card.cross-2 { box-shadow: inherit; margin: 0; } .maps-pricing-carousel .maps-metrics.cross-2 { padding: 30px; } .maps-metrics .metric-block.maps-pricing-metric { background-color: #fff; flex-basis: 50%; } .flex-card .card-content.maps-pricing-metric { padding: 40px 24px; } .flex-card .card-content.maps-pricing-copy { padding: 80px 50px 50px; } #cloud-site .maps-metrics .maps-pricing-metric h3 { margin: 20px 0 10px; } .maps-pricing-carousel .maps-metrics .maps-pricing-metric .metric-title { font-size: 54px; } .maps-pricing-carousel .maps-pricing-metric .maps-subtitle { margin-bottom: 20px; } .maps-metrics .metric-block.maps-pricing-copy { background-color: #f4f4f4; flex-basis:50%; text-align: left; } .maps-no-vert-pad { padding-bottom: 0; padding-top: 0; } .centered-heading, .centered-content { text-align: center; } .maps-std-section .centered-heading { color: #626262; font-family: "Google Sans", "Arial", "sans-serif"; font-size: 36px; font-weight: 500; line-height: initial; margin-bottom: 60px; padding-left: 10px; padding-right: 10px; } .maps-std-section .centered-heading.bottom-margin-less { margin-bottom: 30px; } .maps-std-section .centered-heading.bottom-margin-flush { margin-bottom: 0; } .maps-bg-blue .centered-heading { color: #fff; } .maps-std-section .centered-heading-wsub { margin-bottom: 0; } /* Don't need this? .maps-std-section .centered-heading.left-just { padding-left: 0; text-align: left; } */ .maps-std-section .centered-subtitle { color: #8c8c8c; font-family: Roboto,sans-serif; font-size: 16px; line-height: 22px; margin-bottom: 50px; margin: 10px auto 40px; max-width: 800px; text-align: center; } .maps-products { padding-top: 30px; } .maps-products img { margin-bottom: 20px; } .maps-carousel { margin-left: auto; margin-right: auto; max-width: 1600px; } .maps-carousel-item { background-position: center; background-repeat: no-repeat; height: 500px; display: block; width: 100%; } .maps-carousel-item-inner { background-color: #f6f6f6; display: -webkit-box; display: -ms-flexbox; display: flex; height: 400px; left: 0; margin: 0 auto; right: 0; top: 300px; width: 75%; z-index: 2; -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); margin-bottom: -200px; } .my-carousel-item .customer-quote-container.maps-quote-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 70%; flex-basis: 70%; padding: 40px 70px; } .maps-carousel-logo { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 30%; flex-basis: 30%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .maps-carousel-logo-img { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin: 0 auto; max-width: 150px; } .maps-carousel-watch { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #2b85e7; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .maps-carousel-watch:hover { background-color: #2a62d7; } .maps-carousel-watch-text { color: #fff; font-family: "Google Sans", "Arial", "sans-serif"; font-size: 16px; font-weight: 600; margin: 0 auto; text-transform: uppercase; } .maps-carousel-watch-text img { vertical-align: middle; } .centered-heading.maps-docs-heading { font-size: 24px; font-weight: 600; letter-spacing: 1px; margin-bottom: 30px; margin-top: 0; } .maps-customer-quote .lt-quote { color: #2b85e7; font-size: 60px; margin-left: -31px; vertical-align: middle; } .maps-customer-quote .rt-quote { color: #2b85e7; font-size: 60px; margin-left: 5px; vertical-align: middle; } #cloud-site .cta-container .button.maps-docs-button { background-color: #fff; border: 1px solid #dfdfdf; color: #4285f4; } #cloud-site .cta-container .button.maps-docs-button:hover { background-color: #f8fafe; } #cloud-site .button.button-cloud.maps-hero-cta { background: #4285f4 16px 12px no-repeat; color: #fff; padding-left: 48px; } #cloud-site header.maps-header h1 { font-size: 48px; line-height: 1.3em; margin: 30px 0 10px; text-transform: inherit; } #cloud-site header.maps-header h2 { font-size: 18px; font-weight: 300; line-height: 1.5em; margin: 0 0 24px; } #cloud-site .maps-metrics h3 { margin: 16px 0 3px; } #cloud-site .maps-features .flex, #cloud-site .maps-metrics .flex { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #cloud-site header.maps-full-bleed { margin: 0 calc(50% - 50vw); max-width: inherit } #cloud-site header.maps-header.maps-ctas h1 { margin-bottom: 20px; margin-top: 70px; } #cloud-site .customers.maps-customers .flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #cloud-site .customers.maps-customers .flex > div { -ms-flex-preferred-size: 30%; flex-basis: 30%; height: inherit; width: inherit; background: #fff; margin: 8px; } .maps-customers .customers-title { font-size: 20px; font-weight: 500; } .maps-customers .company-logo { display: block; height: 30px; margin: auto 0 0; -o-object-fit: contain; object-fit: contain; -o-object-position: left; object-position: left; } .maps-customers a.offical-site { display: block; font-weight: 500; margin-top: 10px; text-transform: uppercase; } .maps-view-docs { padding-top: 0; padding-bottom: 20px; } .maps-flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .maps-video-symbol { background-image: url(https://web.archive.org/web/20210525094947im_/https://screenshot.googleplex.com/LqbX2vQd8yM.png); display:inline-block; height: 35px; margin-right: 5px; margin-top: -2px; vertical-align: middle; width:40px; } .general-hero__video { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; top: 0; width: 100%; -webkit-filter: brightness(0.6); filter: brightness(0.6); } .maps-logo-card { width: 164px; } .flex-card-container.sticky-image-cards.maps-logo-cards { max-width: 1000px; } #cloud-site .button.button-cloud.maps-hero-cta.maps-white-cta { background-color: #fff; border: 1px solid #dfdfdf; color: #4285f4; } #cloud-site .button.button-cloud.maps-hero-cta.maps-white-cta:hover { background-color: #f8fafe; } #cloud-site .customers.maps-customers .flex .maps-customer-card { -ms-flex-preferred-size: 30%; flex-basis: 30%; height: inherit; width: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .maps-customer-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: unset; flex-grow: 1; } .maps-gaming-hero-container { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } @media screen and (max-width: 1439px) { .maps-carousel-item-inner { width: 90%; } .maps-customer-quote { font-size: 28px; line-height: 32px; } .maps-customer-quote .lt-quote, .maps-customer-quote .rt-quote { font-size: 50px; } .maps-customer-quote .lt-quote { margin-left: -25px; } } @media screen and (max-width: 1024px) { .devsite-expand-section-nav, .devsite-nav-responsive-back { margin: 12px 16px 12px 0; } .left-sidebar-container { display: none !important; } .article-content { margin-left: 0px; } .bg-img-cards .flex-card { background-image: none; } .bg-img-cards .flex-card .body { width: initial; } .with-padding.maps-carousel { padding-left: 0; padding-right: 0; } .maps-full-bleed .carousel-outer { padding-left: 50px; padding-right: 50px; } .my-carousel-item .customer-quote-container.maps-quote-container { padding: 40px 50px; } .maps-video-header, #cloud-site .maps-platform-hero { min-height: inherit; } .maps-platform-hero .jb-hero-content { padding-bottom: 40px; } #cloud-site .maps-platform-hero .hero-title, #cloud-site .maps-platform-hero .hero-subtitle { color: #424242; } #cloud-site .maps-video-header .hero-title, #cloud-site .maps-video-header .hero-subtitle { color: #fff; } } @media (max-width: 840px) { header.header { padding-top: 44px; padding-bottom: 50px; } .header .hero-title { font-size: 40px; margin-bottom: 8px; } .header .hero-subtitle { font-size: 18px; line-height: 1.6em; margin-bottom: 28px; } .maps-features--three-col .maps-features-block { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 30px; padding-left: 0; padding-right: 0; } .bulleted-image-list li { margin-bottom: 14px; padding-left: 44px; } .cross-4 .flex-card, .cross-3 .flex-card { min-width: 40%; } .cross-2-1 .flex-card { min-width: 86%; } .with-padding { padding-left: 5.2%; padding-right: 5.2%; } .with-margin { margin-left: 5.2%; margin-right: 5.2%; } .section-container { padding: 70px 0; } .multi-section.top-pad { padding-top: 70px; } .multi-section .section { padding-bottom: 70px; } .section-container.small { padding: 60px 0; } .section .title.large-margin, .section .desc.large-margin { margin-bottom: 32px; } .section .title.with-desc { margin-bottom: 8px; } .alternate-right.img-wrap > .img-container, .alternate-left.img-wrap > .img-container { margin-left: 0; margin-top: 40px; min-width: 100%; } .img-w-title-wrap > .img-container { display: none; } .section.alternate .img-w-title-wrap .title { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; font-size: 30px; line-height: 1.4em; margin-bottom: 16px; } .section.alternate .img-w-title-wrap .title > .img-container { display: initial; margin-left: 44px; } .section.alternate .img-w-title-wrap .title > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .img-container.is-r-precode .code-container { position: initial; } .img-container.is-r-precode .code-container pre { height: auto; width: auto; } #cloud-site .features-table table thead th, #cloud-site .features-table table tbody td { font-size: 14px; padding: 20px 40px 20px 10px; } .scrollable-img-cont { overflow-x: auto; padding-bottom: 15px; } .scrollable-img-cont img { max-width: 750px; } .flex-card-container.bg-img-cards { margin-bottom: -24px; } .bg-img-cards .flex-card { margin-bottom: 24px; padding: 50px 44px 30px; } .bg-img-cards .customers .img-container { min-height: 56px; } .banner-section-container { padding-bottom: 70px; padding-top: 70px; } .plain-banner-bottom .main { font-size: 40px; line-height: 1.3; margin-bottom: 30px; } .plain-banner-bottom .body-title { margin-bottom: 14px; } #cloud-site .full-bleed-right { margin-right: -20px; padding-right: 37px; } .desc-maps { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .img-container.img-container-maps { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 0 20px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: center; } .maps-customer-quote { font-size: 24px; line-height: 30px; } .maps-pricing-carousel .cross-3 .flex-card { flex-grow: 0; min-width: 44%; } .maps-pricing-carousel .flex-card-container { justify-content: space-around; } .maps-metrics .metric-block.maps-pricing-metric, .maps-metrics .metric-block.maps-pricing-copy { flex-basis: 100%; } .maps-metrics .maps-pricing-copy .maps-copy { margin: 0px; text-align: left; } .maps-pricing-carousel .maps-metrics.cross-2 { padding: 30px 0; } .flex-card .card-content.maps-pricing-copy { padding: 50px 40px; } } @media (max-width: 780px) { #cloud-site .cta-container .button { margin: 0 0 16px 0; } #cloud-site .cta-container .button:last-child { margin-bottom: 0; } .bg-img-cards .flex-card .body { width: initial; } .maps-header { height: 250px; } .maps-header .l-max-width-standard { margin-top: 230px; } .maps-video-header { min-height: 120px; } .maps-video-header .hero-title, .maps-video-header .hero-subtitle { color: #424242; } .maps-video-header .bg-header-video { max-height: 30%; } .maps-video-header .bg-header-video video { object-position: top right; } .maps-video-header .header-content { background-color: #fff; margin-top: 32%; padding-top: 10px; } .maps-platform-hero .jb-hero-content { padding-top: 10px; } .header .hero-subtitle { width: 80%; } .maps-metrics .metric-block { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .maps-metrics .maps-copy { display: block; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 400px; text-align: center; margin: 20px auto; } .maps-benefits .img-left, .maps-benefits .img-left-smaller, .maps-benefits .img-right, .maps-benefits .img-right-smaller { -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; } .maps-benefits .copy { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .maps-benefits .benefit-title, .maps-benefits .benefit-text { margin-left: 40px; } .maps-customer-quote { font-size: 22px; line-height: 26px; } .my-carousel-item .customer-quote-container.maps-quote-container { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 40px; } .maps-carousel-logo { -ms-flex-preferred-size: 35%; flex-basis: 35%; flex-direction: row; } .maps-customer-quote .lt-quote, .maps-customer-quote .rt-quote { font-size: 35px; } .maps-customer-quote .lt-quote { margin-left: -20px; } #cloud-site .customers.maps-customers .flex { padding-left: 5.2%; padding-right: 5.2%; } #cloud-site .customers.maps-customers .flex .maps-customer-card { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 50px; } #cloud-site .maps-header .button.button-cloud.maps-hero-cta.maps-white-cta { border: 1px solid #c7c6c6; } .maps-ctas { height: 45vh; } .maps-header.maps-ctas .l-max-width-standard { margin-top: 0; } .maps-carousel-item-inner { flex-direction: column; } .customer-quote-container .quote-by { line-height: .6; } #cloud-site .maps-video-header .hero-title, #cloud-site .maps-video-header .hero-subtitle { color: #424242; } /* Don't need this? .maps-metrics .left-just .maps-copy { margin: 20px 0; max-width: 100%; text-align: left; } */ } /** Mobile View kicks in at 600 */ @media (max-width: 600px) { .header .hero-subtitle { margin-bottom: 30px; } .section-container { padding: 60px 0; } .section-container.small { padding: 50px 0; } .section.alternate .img-w-title-wrap .title > .img-container { margin-bottom: 36px; margin-left: 0; min-width: 100%; } .partners-with-menu-selection .section-container { padding-top: 0; } .bulleted-image-list li { padding-left: 40px; margin-bottom: 16px; } .image-wrap-right-cards .flex-card .img-container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 32px; min-height: 74px; min-width: 100%; padding-left: 0; } .cross-4 .flex-card, .cross-3 .flex-card, .cross-2 .flex-card { min-width: 80%; } .banner-bottom-section { padding: 60px 0; } .plain-banner-bottom .main { margin-bottom: 20px; } .plain-banner-bottom .body-title { margin-bottom: 14px; } .plain-banner-bottom .body { margin-bottom: 30px; } #cloud-site .is-visible-inline-mobile { display: inline !important; } .is-hidden-mobile-600 { display: none !important; } .maps-customer-quote { font-size: 16px; line-height: 18px; } .my-carousel-item .customer-quote-container.maps-quote-container { padding: 30px 25px; } .customer-quote-container .quote-by { font-size: 13px; line-height: 1.2; margin-top: 8px; } .maps-customer-quote .lt-quote, .maps-customer-quote .rt-quote { font-size: 30px; } .maps-customer-quote .lt-quote { margin-left: -15px; } .maps-video-symbol { height: 35px; vertical-align: middle; width: 50px; background-repeat: no-repeat; margin: 0 auto; display: block; text-align: center; } .maps-carousel-logo-img { max-width: 110px; } .maps-features-block { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .product-card-header { border-radius: 5px 5px 0 0; padding: 30px 20px; position: relative; display: block; overflow: visible; font-size: 28px; color: #fff; } .product-card-header-maps { background-color: #1b9956; } .product-card-header-routes { background-color: #4285f4; } .product-card-header-places { background-color: #ea4236; } .product-card-header-navsdk { background-color: #ffbc42; } .product-card-header img { height: 104px; position: absolute; right: 0; top: -20px; } .product-card-header-navsdk img { top: -16px; } .thumb-top-bleed-cards .flex-card .product-card-header img { width: inherit; } .thumb-top-bleed-cards .flex-card .card-content.product-card-content { padding: 20px; } .thumb-top-bleed-cards .product-card-content ul { line-height: 20px; list-style: none; padding-left: 0; } .thumb-top-bleed-cards .product-card-content h3 { margin-top: 0; } .thumb-top-bleed-cards .flex-card .cta.product-card-cta { padding: 20px; text-transform: capitalize; } .cta.product-card-cta .obround-button { border: 2px solid #0091ea; border-radius: 30px; display: inline-block; padding: 10px 15px 9px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .cta.product-card-cta .obround-button:hover { color: #fff; background-color: #0091ea; } .cloud-button--outline { border: 1px solid #fff; } .flex-card .desc.bottom-margin { margin-bottom: 20px; } .flex-card .desc.bottom-margin-less { margin-bottom: 10px; } .flex-card .desc-title { font-family: "Google Sans", "Arial", "sans-serif"; font-weight: 500; line-height: 2; } @media only screen and (min-width: 1024px) { #cloud-site dl.dl-grid { display: grid; grid-template-columns: 1fr 3fr; } #cloud-site dl.dl-grid dd { margin-bottom: 10px; } } #cloud-site dl.dl-grid dt { font-size: 16px; font-weight: 500; } .code-example, .maps-toc { border-left: 3px solid #2b85e7; margin-bottom: 30px; margin-top: 30px; padding: 10px 0 10px 30px; } .maps-toc, .maps-toc ul { list-style: none; padding-left: 30px } .maps-toc li { margin: 0; } #cloud-site.maps-getting-started { font-size: 16px; max-width: 780px; } #cloud-site.maps-getting-started dl, #cloud-site.maps-getting-started dl dd, #cloud-site.maps-getting-started dl dt { font-size: 16px; } </style><style> /* Styles inlined from /css/storage-n.css */ .flex-card-container.sticky-image-cards { margin-left: auto; margin-right: auto; max-width: 900px; } .graphic .img-container { margin: 50px 0 0; } .bg-use-case-1 { background-image: url("/web/20210525094947im_/https://cloud.google.com/images/storage/use-case-1.svg"); } .bg-use-case-2 { background-image: url("/web/20210525094947im_/https://cloud.google.com/images/storage/use-case-2.svg"); } .bg-use-case-3 { background-image: url("/web/20210525094947im_/https://cloud.google.com/images/storage/use-case-3.svg"); } </style><style> body[layout=full].ridesharing .devsite-main-content { max-width: none; padding: 0; } body[layout=full].ridesharing .ridesharing-max-width { margin: 0 auto; max-width: 1280px; } body[layout=full].ridesharing .hero-title { font-size: 48px; line-height: 1.2em; margin-bottom: 20px; overflow: visible; text-transform: none; } body[layout=full].ridesharing .hero-subtitle { font-size: 16px; margin: 0 0 24px; } body[layout=full].ridesharing .maps-metrics .flex, body[layout=full].ridesharing .maps-features-blocks { display: block; } body[layout=full].ridesharing #mytaxi header { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: unset; } body[layout=full].ridesharing #mytaxi h1.cloud-headline1 { text-transform: none; } body[layout=full].ridesharing .maps-carousel .jb-customer-logo-container .jb-customer-logo { height: auto; max-height: 89px; width: auto; max-width: 143.86px; } body[layout=full].ridesharing .ridesharing__jb-customer-logo-container__item { align-items: center; background-color: #fff; display: flex; margin: 1px; padding: 20px; } body[layout=full].ridesharing .maps-features-block { flex-basis: 33.3%; } body[layout=full].ridesharing .maps-std-section .flex { justify-content: inherit; } @media only screen and (min-width: 768px) { body[layout=full].ridesharing .maps-metrics .flex, body[layout=full].ridesharing .maps-features-blocks { display: flex; } } @media only screen and (min-width: 1080px) { body[layout=full].ridesharing .ridesharing-max-width { padding-left: 80px !important; padding-right: 80px !important; } } </style> <div class="devsite-banner devsite-banner-announcement"> <div class="devsite-banner-message"> <div class="devsite-banner-message-text"> <style> .devsite-banner-announcement:not(.devsite-banner-tenant) { background: #202124; color: white; font-weight: 500; } .devsite-banner-announcement a { color: white; font-weight: 700; } .devsite-banner-announcement a:link, .devsite-banner-announcement a:visited { background: 0; } .devsite-banner-announcement a:hover, .devsite-banner-announcement a:focus { text-decoration: none; } .devsite-banner-announcement .devsite-banner-message-text { margin: 0 auto; } </style> Google is committed to advancing racial equity for Black communities. <a href="https://web.archive.org/web/20210525094947/https://google.com/racialequity" class="gc-analytics-event" data-category="Announcement" data-label="Racial Equity">See how.</a> </div> </div> </div> <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/20210525094947/https://cloud.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="Google Cloud"> 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/20210525094947/https://cloud.google.com/maps-platform" 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="Google Maps Platform"> Google Maps Platform </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://web.archive.org/web/20210525094947/https://cloud.google.com/maps-platform/products" 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=""> Products </a> </li> </ul> </div> <devsite-toc class="devsite-nav" devsite-toc-embedded disabled> </devsite-toc> <div class="devsite-article-body clearfix devsite-no-page-title"> <article class="l-fixed-width">  <style> .hero-with-video { background-size: cover; background-position: top right; background-repeat: no-repeat; } .hero.hero-with-video { padding: 72px 72px 72px 126px; } .hero-with-video__container { display: flex; margin: 0 auto; max-width: 1280px; } .hero-with-video__left { flex: 2; } .hero-with-video__right { align-items: flex-end; display: flex; flex: 3; flex-direction: column; } .hero-with-video__right .lb-play-overlay img { max-width: 494px; width: 100%; } .hero .hero-with-video__left { align-self: center; display: flex; flex-direction: column; padding-right: 100px; } .hero.hero-with-video .hero-title, .hero.hero-with-video .hero-subtitle { color: #626262; } @media only screen and (max-width: 1080px) { .hero-with-video__right { align-items: flex-start; } .hero-with-video__container { flex-direction: column-reverse; } .hero.hero-with-video { padding: 72px; } .hero-with-video__right { margin-bottom: 20px; } } </style> <header class="hero hero-with-video maps-full-bleed" style="background-image: url(/web/20210525094947im_/https://cloud.google.com/maps-platform/images/Maps_ODRD_Hero_Illus_2x.png);"> <div class="hero-with-video__container"> <div class="hero-with-video__left"> <div> <h1 class="hero-title" id="transform-trips-from-start-to-finish" data-text="Transform trips from start to finish">Transform trips from start to finish</h1> <div class="hero-subtitle">Power on-demand rides and deliveries with real-time data and predictable per ride pricing on a global scale. </div> <div class="hero-additional-content"> <a href="https://web.archive.org/web/20210525094947/https://www.youtube.com/watch?v=KIlZ3hK2s7Q" class="cta-button-primary button-primary button ridesharing__hero__watch-video__button lb lb-play-overlay" data-lightbox-height="394" data-lightbox-width="100%" data-lightbox-index="8" track-type="watchVideo" track-name="buttonClick" track-metadata-eventdetail="rideshareHero">Watch video</a> </div> </div> </div> <div class="hero-with-video__right"> <a href="https://web.archive.org/web/20210525094947/https://www.youtube.com/watch?v=KIlZ3hK2s7Q&autoplay=1" class="lb lb-play-overlay lb-play-button-60" data-lightbox-height="394" data-lightbox-width="700" data-lightbox-index="8" track-type="playVideo" track-name="playVideoClick" data-autoplay="1" track-metadata-eventdetail="ridesharingHeroVideo"> <img src="https://web.archive.org/web/20210525094947im_/https://img.youtube.com/vi/KIlZ3hK2s7Q/maxresdefault.jpg" alt="Transform trips from start to finish - Video"> </a> </div> </div> </header> <div class="multi-section bg-white maps-metrics ridesharing-max-width"> <section class="alternate with-padding"> <div class="flex"> <div class="metric-block"> <h3 class="metric-title" id="800-million" data-text="800 million">800 million</h3> <div class="maps-subtitle">routes delivered daily</div> <div class="maps-copy">Scale confidently, backed by our infrastructure.</div> </div> <div class="metric-block"> <h3 class="metric-title" id="40-million" data-text="40 million">40 million</h3> <div class="maps-subtitle">miles of roads</div> <div class="maps-copy"> Build with reliable navigation information wherever you are.</div> </div> <div class="metric-block"> <h3 class="metric-title" id="25-million" data-text="25 million">25 million</h3> <div class="maps-subtitle">updates daily</div> <div class="maps-copy">Count on real-time location information.</div> </div> </div> </section> </div> <div class="multi-section maps-bg-gray top-pad maps-benefits"> <section class="section alternate with-padding l-max-width-standard ridesharing-max-width"> <div class="alternate-right flex wrap no-pad"> <div class="img-left"> <img class="benefit-img" src="/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/01_Illustration_Navigate_2x.png" alt=""> </div> <div class="copy copy-right"> <div class="benefit-title"> Help drivers navigate, right in your app </div> <div class="benefit-text"> Offer a seamless driver experience with In-app Navigation when you put controls, critical ride tasks, and alerts directly in your app and at drivers’ fingertips. Help your drivers with familiar Google Maps turn-by-turn directions, lane level guidance, speed limits, two-wheeler routes, and more. Get insights into routes so you can optimize pickups and drop-offs for even more rides and deliveries. Plus, customize the look and feel to match your brand. </div> </div> </div> </section> </div> <div class="multi-section maps-bg-gray maps-benefits"> <section class="section alternate with-padding l-max-width-standard ridesharing-max-width"> <div class="alternate-right flex wrap no-pad"> <div class="copy"> <div class="benefit-title"> Keep customers informed with live progress </div> <div class="benefit-text"> Help customers stay in the know from pickup to drop-off or delivery with Trip & Order Progress. Show real-time route progress, ETA, and traffic conditions, so they know exactly where their driver is, when their food will arrive, or when they’ll get to their destination. This means more satisfied customers and fewer cancellations. Rely on Google to build, scale, and maintain this service so you can reduce development costs. </div> </div> <div class="img-right"> <img class="benefit-img" src="/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/02_Illustration_Live_Progress_2x.png" alt=""> </div> </div> </section> </div> <div class="multi-section maps-bg-gray maps-benefits"> <section class="section alternate with-padding l-max-width-standard ridesharing-max-width"> <div class="alternate-right flex wrap no-pad"> <div class="img-left-smaller"> <img class="benefit-img" src="/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/03_Illustration_Optimize_2x.png" alt=""> </div> <div class="copy copy-right"> <div class="benefit-title"> Optimize driver allocation </div> <div class="benefit-text"> Use Nearby Drivers to find the right driver for the job – whether it’s delivering pizzas or taking people places. Allocate the best driver based on driving ETA or a custom ranking model and real-time traffic. Give customers options to request the exact car they need, using attributes like available seats or car type. </div> </div> </div> </section> </div> <div class="multi-section maps-bg-gray maps-benefits"> <section class="section alternate with-padding l-max-width-standard ridesharing-max-width"> <div class="alternate-right flex wrap no-pad"> <div class="copy"> <div class="benefit-title"> Deliver faster and more reliable routes </div> <div class="benefit-text"> Provide a best in class service with Routes Preferred, faster and more reliable routing APIs. Customize routes by time, distance and cost, based on your needs. Plus, deliver more accurate ETAs using two-wheeler routes and side of road preferences </div> </div> <div class="img-right"> <img class="benefit-img" src="/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/04_Illustration_Routes_2_2x.png" alt=""> </div> </div> </section> </div> <div class="maps-std-section" style="margin: 0 auto; margin-bottom: 40px; max-width: 1080px;"> <h3 class="centered-heading left-just" id="capabilities" data-text="Capabilities">Capabilities</h3> <div> <section class="section alternate with-padding l-max-width-standard"> <div class="maps-platform__responsive-table"> <div class="maps-platform__responsive-table__row"> <div class="maps-platform__responsive-table__cell"> <div class="maps-subtitle">Trip & Order Planning</div> <div class="maps-copy maps-platform__responsive-table__row--mobile-only">Make it easy for customers to book a ride or place an order with fast, more accurate route and ETA calculations and effective pickup points. Offer familiar Google maps users know and trust.</div> </div> <div class="maps-platform__responsive-table__cell"> <div class="maps-subtitle">Driver Navigation</div> <div class="maps-copy maps-platform__responsive-table__row--mobile-only">Integrate Google Maps’ turn-by-turn navigation into your app with features like two-wheeler routes and live traffic.</div> </div> <div class="maps-platform__responsive-table__cell"> <div class="maps-subtitle">Dispatch Optimization</div> <div class="maps-copy maps-platform__responsive-table__row--mobile-only">Select the right driver for every trip to maximize fleet efficiency and meet customers’ needs.</div> </div> </div> <div class="maps-platform__responsive-table__row maps-platform__responsive-table__row--desktop-only"> <div class="maps-platform__responsive-table__cell"> <div class="maps-copy">Make it easy for customers to book a ride or place an order with fast, more accurate route and ETA calculations and effective pickup points. Offer familiar Google maps users know and trust.</div> </div> <div class="maps-platform__responsive-table__cell"> <div class="maps-copy">Integrate Google Maps’ turn-by-turn navigation into your app with features like two-wheeler routes and live traffic.</div> </div> <div class="maps-platform__responsive-table__cell"> <div class="maps-copy">Select the right driver for every trip to maximize fleet efficiency and meet customers’ needs.</div> </div> </div> <div class="maps-platform__responsive-table__row"> <div class="maps-platform__responsive-table__cell"> <div class="maps-subtitle">Pickup & Drop-off Selection</div> <div class="maps-copy maps-platform__responsive-table__row--mobile-only">Identify the best pickup or drop-off point to facilitate easy meetups and efficient deliveries.</div> </div> <div class="maps-platform__responsive-table__cell"> <div class="maps-subtitle">Trip & Order Progress</div> <div class="maps-copy maps-platform__responsive-table__row--mobile-only">Let customers track drivers' routes in real time.</div> </div> <div class="maps-platform__responsive-table__cell"> <div class="maps-subtitle"></div> <div class="maps-copy maps-platform__responsive-table__row--mobile-only"></div> </div> </div> <div class="maps-platform__responsive-table__row maps-platform__responsive-table__row--desktop-only"> <div class="maps-platform__responsive-table__cell"> <div class="maps-copy">Identify the best pickup or drop-off point to facilitate easy meetups and efficient deliveries.</div> </div> <div class="maps-platform__responsive-table__cell"> <div class="maps-copy">Let customers track drivers' routes in real time.</div> </div> <div class="maps-platform__responsive-table__cell"> <div class="maps-copy"></div> </div> </div> </div> </section> </div> <p class="cloud-body-text__small" style="text-align: center; margin-top: 40px;"> This solution is currently a limited availability release. </p> </div>  <div class="multi-section maps-bg-darkgray maps-full-bleed maps-std-section top-pad-less"> <section class="section with-padding maps-carousel"> <h3 class="centered-heading" id="businesses-building-with-google-maps-platform" data-text="Businesses building with Google Maps Platform">Businesses building with Google Maps Platform</h3> <div class="my-carousel"> <div class="cloud-carousel " aria-label=""> <div class="cloud-carousel__slide-deck-container"> <div class="cloud-carousel__slide-deck"> <div class="cloud-carousel__slide"> <section class="l-max-width-standard jb-quote jb-quote-blue jb-quote-background-grey"> <div class="jb-quote-image" style="background-image: url(/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_gojek_desktop.jpg)"></div> <div class="jb-quote-tile jb-quote-tile-floating"> <blockquote class="jb-quote-body"> <p class="jb-quote-text jb-quote-hide-marks"> <span class="lt-quote">“</span>Gojek decided to partner with Google Maps Platform to bring their world class mapping experience to our customers & drivers. Since we've started using the On-demand Rides and Deliveries solution, our drivers reach their pickup points up to 20% more quickly and customers orders are completed 3% more often.<span class="rt-quote">”</span> </p> <cite class="jb-quote-author"> Andrew Brinson, SVP Marketplace </cite> </blockquote> <div class="jb-quote-resources"> <div class="jb-quote-resource jb-quote-resource--logo"> <img alt="Argos" src="/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_1_logo_1.png" srcset="https://web.archive.org/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_1_logo_1.png 2x"> </div> </div> </div> </section> </div> <div class="cloud-carousel__slide"> <section class="l-max-width-standard jb-quote jb-quote-blue jb-quote-background-grey"> <div class="jb-quote-image" style="background-image: url(/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_2_image.jpg)"></div> <div class="jb-quote-tile jb-quote-tile-floating"> <blockquote class="jb-quote-body"> <p class="jb-quote-text jb-quote-hide-marks"> <span class="lt-quote">“</span>After implementing Trip & Order Progress through Google Maps Platform, our support tickets related to being able to track the delivery after placing the order dropped by a massive 90%!<span class="rt-quote">”</span> </p> <cite class="jb-quote-author"> Brijesh Bharadwaj – Director of Product, Dunzo </cite> </blockquote> <div class="jb-quote-resources"> <div class="jb-quote-resource jb-quote-resource--logo"> <img alt="Tokopedia" src="/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_2_logo_1.png" srcset="https://web.archive.org/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_2_logo_1.png 2x"> </div> </div> </div> </section> </div> <div class="cloud-carousel__slide"> <section class="l-max-width-standard jb-quote jb-quote-blue jb-quote-background-grey"> <div class="jb-quote-image" style="background-image: url(/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_didi_desktop.jpg)"></div> <div class="jb-quote-tile jb-quote-tile-floating"> <blockquote class="jb-quote-body"> <p class="jb-quote-text jb-quote-hide-marks"> <span class="lt-quote">“</span>Google Maps Platform was seamlessly integrated into our ride-hailing services, helping us deliver great driver and user experiences around the globe with accurate, real-time location information and reliable navigation.<span class="rt-quote">”</span> </p> <cite class="jb-quote-author"> Zheng Bu, CTO of International Business, Didi Chuxing </cite> </blockquote> <div class="jb-quote-resources"> <div class="jb-quote-resource jb-quote-resource--logo"> <img alt="Didi Chuxing" src="/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_3_logo_1.png" srcset="https://web.archive.org/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_3_logo_1.png 2x"> </div> </div> </div> </section> </div> <div class="cloud-carousel__slide"> <section class="l-max-width-standard jb-quote jb-quote-blue jb-quote-background-grey"> <div class="jb-quote-image" style="background-image: url(/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_5_image.jpg)"></div> <div class="jb-quote-tile jb-quote-tile-floating"> <blockquote class="jb-quote-body"> <p class="jb-quote-text jb-quote-hide-marks"> <span class="lt-quote">“</span>Thanks to a higher usage of navigation, more accurate positioning and bearing provided from the Google Maps Platform On-demand Rides and Deliveries solution, our ETA accuracy increased an average of 23% — as high as 48% in some cities. We also saw our average ride duration drop by 4%. Having the shortest direct duration is much better for the passenger.<span class="rt-quote">”</span> </p> <cite class="jb-quote-author"> James Brooke – Chief Product Officer, FREE NOW </cite> </blockquote> <div class="jb-quote-resources"> <div class="jb-quote-resource jb-quote-resource--logo"> <img alt="Maxeda" src="/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_5_logo_1.png" srcset="https://web.archive.org/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_5_logo_1.png 2x"> </div> </div> </div> </section> </div> </div> </div> <div class="cloud-carousel__controls "> <div class="cloud-carousel__arrow left-arrow"> <img src="https://web.archive.org/web/20210525094947im_/https://www.gstatic.com/images/icons/material/system/2x/keyboard_arrow_left_black_36dp.png" alt=""/> </div> <div class="cloud-carousel__arrow right-arrow"> <img src="https://web.archive.org/web/20210525094947im_/https://www.gstatic.com/images/icons/material/system/2x/keyboard_arrow_right_black_36dp.png" alt=""/> </div> <div class="cloud-carousel__nuggets"> <div class="cloud-carousel__nugget"></div> </div> </div> </div> </div> <div class="jb-customer-logo-container"> <div class="ridesharing__jb-customer-logo-container__item"> <img class="jb-customer-logo" src="/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_1_logo_1.png" alt="GOJEK logo"> </div> <div class="ridesharing__jb-customer-logo-container__item"> <img class="jb-customer-logo" src="/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_2_logo_1.png" alt="Dunzo logo"> </div> <div class="ridesharing__jb-customer-logo-container__item"> <img class="jb-customer-logo" src="/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_3_logo_1.png" alt="DiDi logo"> </div> <div class="ridesharing__jb-customer-logo-container__item"> <img class="jb-customer-logo" src="/web/20210525094947im_/https://cloud.google.com/images/maps-platform/ridesharing/testimonial_5_logo_1.png" alt="FREE NOW logo"> </div> </div> </section> </div> </article> <div id="enable-billing-modal-dialog" class="hh-modal"> <div class="hh-modal__wrapper"> <div class="hh-modal__container"> <div class="hh-modal__header"> <img class="hh-modal__logo" src="/web/20210525094947im_/https://cloud.google.com/images/maps-platform/maps-icon.svg" alt="Google Maps Logo"> <div class="hh-modal__title">Enable Google Maps Platform</div> </div> <div class="hh-modal__content"> <p>To enable APIs or set up billing, we'll guide you through a few tasks:</p> <ol class="hh-modal__step-list"> <li>Pick product(s) below</li> <li>Select a project</li> <li>Set up your billing</li> </ol> <div class="hh-options__container"> <div class="hh-options__option"> <div class="hh-options__check"> <input id="hh-maps" data-products="maps" type="checkbox"> </div> <div class="hh-options__copy"> <label for="hh-maps"> Maps <div class="hh-tooltip"> <div class="hh-tooltip__title">Features included:</div> <ul class="hh-tooltip__list"> <li>Maps</li> <li>Streetview</li> </ul> <div class="hh-tooltip__title">APIs included:</div> <ul class="hh-tooltip__list"> <li>Maps JavaScript API</li> <li>Maps Static API</li> <li>Street View API</li> <li>Maps SDK for Android</li> <li>Maps SDK for iOS</li> </ul> </div> </label> <p>Build customized map experiences that bring the real world to your users.</p> </div> </div> <div class="hh-options__option"> <div class="hh-options__check"> <input id="hh-routes" data-products="routes" type="checkbox"> </div> <div class="hh-options__copy"> <label for="hh-routes"> Routes <div class="hh-tooltip"> <div class="hh-tooltip__title">Features included:</div> <ul class="hh-tooltip__list"> <li>Directions</li> <li>Distance Matrix</li> <li>Roads</li> </ul> <div class="hh-tooltip__title">APIs included:</div> <ul class="hh-tooltip__list"> <li>Directions API</li> <li>Distance Matrix API</li> <li>Roads API</li> <li>Maps JavaScript API</li> </ul> </div> </label> <p>Give your users the best way to get from A to Z.</p> </div> </div> <div class="hh-options__option"> <div class="hh-options__check"> <input id="hh-places" data-products="places" type="checkbox"> </div> <div class="hh-options__copy"> <label for="hh-places"> Places <div class="hh-tooltip"> <div class="hh-tooltip__title">Features included:</div> <ul class="hh-tooltip__list"> <li>Place Details</li> <li>Current Place</li> <li>Find Place</li> <li>Geocoding</li> <li>Geolocation</li> <li>Time Zone</li> </ul> <div class="hh-tooltip__title">APIs included:</div> <ul class="hh-tooltip__list"> <li>Places Library, Maps JavaScript API</li> <li>Places API</li> <li>Geocoding API</li> <li>Geolocation API</li> <li>Time Zone API</li> <li>Elevation API</li> </ul> </div> </label> <p>Help users discover the world with rich details.</p> </div> </div> </div> </div> <div class="hh-buttons"> <button class="button button-white devsite-dialog-close">Cancel</button> <button class="button button-blue button-disabled hh-default-button">Continue</button> <a data-api-id="maps-backend.googleapis.com" data-henhouse-extra-api-ids="static-maps-backend.googleapis.com,street-view-image-backend.googleapis.com,maps-android-backend.googleapis.com,maps-ios-backend.googleapis.com,streetviewpublish.googleapis.com,maps-embed-backend.googleapis.com" class="gc-analytics-event button button-blue devsite-dialog-continue" data-hh-variation="maps" data-category="getKey" data-action="buttonClick" data-label="body" track-type="mapsConversion" track-name="enableBillingGetAPIKey" track-metadata-eventdetail="pickProductsClickContinue,maps" data-henhouse-link-docs="/maps/documentation/android-api/start" data-henhouse-link-support="/maps/documentation/android-api/support" data-henhouse-enable-maps-flow="true" data-henhouse-header-text="Enable Google Maps Platform" data-henhouse-billing-consoleui="MAPS" data-henhouse-platforms-list="ANDROID" data-henhouse-use-updated-header="true" data-henhouse-header-logo-url="/images/maps-platform/maps-icon.svg" data-products-maps="static-maps-backend.googleapis.com,street-view-image-backend.googleapis.com,maps-android-backend.googleapis.com,maps-ios-backend.googleapis.com,streetviewpublish.googleapis.com,maps-embed-backend.googleapis.com" data-products-routes="directions-backend.googleapis.com,distance-matrix-backend.googleapis.com,roads.googleapis.com" data-products-places="places-backend.googleapis.com,geocoding-backend.googleapis.com,geolocation.googleapis.com,timezone-backend.googleapis.com,elevation-backend.googleapis.com" data-products-maps-routes="static-maps-backend.googleapis.com,street-view-image-backend.googleapis.com,maps-android-backend.googleapis.com,maps-ios-backend.googleapis.com,streetviewpublish.googleapis.com,maps-embed-backend.googleapis.com,directions-backend.googleapis.com,distance-matrix-backend.googleapis.com,roads.googleapis.com" data-products-routes-places="directions-backend.googleapis.com,distance-matrix-backend.googleapis.com,roads.googleapis.com,places-backend.googleapis.com,geocoding-backend.googleapis.com,geolocation.googleapis.com,timezone-backend.googleapis.com,elevation-backend.googleapis.com" data-products-maps-places="static-maps-backend.googleapis.com,street-view-image-backend.googleapis.com,maps-android-backend.googleapis.com,maps-ios-backend.googleapis.com,streetviewpublish.googleapis.com,maps-embed-backend.googleapis.com,places-backend.googleapis.com,geocoding-backend.googleapis.com,geolocation.googleapis.com,timezone-backend.googleapis.com,elevation-backend.googleapis.com" data-products-maps-routes-places="static-maps-backend.googleapis.com,street-view-image-backend.googleapis.com,maps-android-backend.googleapis.com,maps-ios-backend.googleapis.com,streetviewpublish.googleapis.com,maps-embed-backend.googleapis.com,directions-backend.googleapis.com,distance-matrix-backend.googleapis.com,roads.googleapis.com,places-backend.googleapis.com,geocoding-backend.googleapis.com,geolocation.googleapis.com,timezone-backend.googleapis.com,elevation-backend.googleapis.com">Continue</a> </div> </div> </div> </div> <cloudx-maps-platform> <div class="devsite-dialog maps-platform" id="enable-billing-modal-dialog"></div> </cloudx-maps-platform> <devsite-hats-survey class="nocontent" hats-id="mwETRvWii0eU5NUYprb0Y9z5GVbc" listnr-id="83405"></devsite-hats-survey> </div> </article> </devsite-content> </main> <devsite-footer-promos class="devsite-footer"> </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">Why Google</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/why-google-cloud/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" track-metadata-eventdetail="cloud.google.com/why-google-cloud/" track-metadata-child_headline="why google" track-name="choosing google cloud" track-type="footer link" track-metadata-position="footer" track-metadata-module="footer"> Choosing Google Cloud </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/security/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" track-metadata-module="footer" track-metadata-eventdetail="cloud.google.com/security/" track-name="trust and security" track-metadata-child_headline="why google" track-type="footer link" track-metadata-position="footer"> Trust and security </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/open-cloud/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" track-metadata-eventdetail="cloud.google.com/open-cloud/" track-name="open cloud" track-type="footer link" track-metadata-module="footer" track-metadata-child_headline="why google" track-metadata-position="footer"> Open cloud </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/multicloud/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" track-metadata-module="footer" track-name="multicloud" track-metadata-position="footer" track-metadata-child_headline="why google" track-type="footer link" track-metadata-eventdetail="cloud.google.com/multicloud/"> Multicloud </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/infrastructure/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" track-metadata-eventdetail="cloud.google.com/infrastructure/" track-metadata-module="footer" track-metadata-child_headline="why google" track-type="footer link" track-name="global infrastructure" track-metadata-position="footer"> Global infrastructure </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/sustainability/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 6)" track-type="footer link" track-metadata-position="footer" track-metadata-child_headline="why google" track-name="sustainability" track-metadata-eventdetail="cloud.google.com/sustainability/" track-metadata-module="footer"> Sustainability </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/customers/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 7)" track-name="customers and case studies" track-metadata-child_headline="why google" track-metadata-position="footer" track-metadata-eventdetail="cloud.google.com/customers/" track-metadata-module="footer" track-type="footer link"> Customers and case studies </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/analyst-reports/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 8)" track-type="footer link" track-metadata-module="footer" track-metadata-position="footer" track-metadata-child_headline="why google" track-name="analyst reports" track-metadata-eventdetail="cloud.google.com/analyst-reports/"> Analyst reports </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/whitepapers/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 9)" track-metadata-child_headline="why google" track-metadata-module="footer" track-type="footer link" track-metadata-position="footer" track-metadata-eventdetail="cloud.google.com/whitepapers/" track-name="whitepapers"> Whitepapers </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Products and pricing</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/pricing/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" track-metadata-eventdetail="cloud.google.com/pricing/" track-type="footer link" track-name="google cloud pricing" track-metadata-position="footer" track-metadata-module="footer" track-metadata-child_headline="products and pricing"> Google Cloud pricing </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210525094947/https://workspace.google.com/pricing.html" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" track-name="google workspace pricing" target="_blank" track-metadata-child_headline="products and pricing" track-metadata-module="footer" track-metadata-eventdetail="workspace.google.com/pricing.html" track-metadata-position="footer" track-type="footer link"> Google Workspace pricing </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/maps-platform/pricing/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" track-type="footer link" track-metadata-module="footer" track-name="maps platform pricing" track-metadata-position="footer" track-metadata-eventdetail="cloud.google.com/maps-platform/pricing/" track-metadata-child_headline="products and pricing"> Maps Platform pricing </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/products/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" track-metadata-module="footer" track-metadata-child_headline="products and pricing" track-type="footer link" track-metadata-position="footer" track-metadata-eventdetail="cloud.google.com/products/" track-name="see all products"> See all products </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Solutions</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/solutions/application-modernization/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" track-metadata-child_headline="solutions" track-name="application modernization" track-metadata-position="footer" track-type="footer link" track-metadata-module="footer" track-metadata-eventdetail="cloud.google.com/solutions/application-modernization/"> Application modernization </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/solutions/ai/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" track-metadata-position="footer" track-metadata-child_headline="solutions" track-type="footer link" track-metadata-module="footer" track-metadata-eventdetail="cloud.google.com/solutions/ai/" track-name="artificial intelligence"> Artificial Intelligence </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/solutions/business-application-platform/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" track-metadata-child_headline="solutions" track-name="business application platform" track-metadata-eventdetail="cloud.google.com/solutions/business-application-platform/" track-type="footer link" track-metadata-position="footer" track-metadata-module="footer"> Business application platform </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/solutions/databases/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" track-metadata-module="footer" track-metadata-child_headline="solutions" track-metadata-position="footer" track-type="footer link" track-metadata-eventdetail="cloud.google.com/solutions/databases" track-name="databases"> Databases </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/solutions/infrastructure-modernization/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" track-name="infrastructure modernization" track-metadata-module="footer" track-metadata-eventdetail="cloud.google.com/solutions/infrastructure-modernization/" track-type="footer link" track-metadata-child_headline="solutions" track-metadata-position="footer"> Infrastructure modernization </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://web.archive.org/web/20210525094947/https://workspace.google.com/enterprise/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 6)" track-metadata-eventdetail="workspace.google.com/enterprise/" track-metadata-position="footer" track-metadata-child_headline="solutions" track-metadata-module="footer" track-name="productivity and collaboration" target="_blank" track-type="footer link"> Productivity & collaboration </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/solutions/security/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 7)" track-metadata-eventdetail="cloud.google.com/solutions/security/" track-name="security" track-metadata-child_headline="solutions" track-type="footer link" track-metadata-module="footer" track-metadata-position="footer"> Security </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/solutions/smart-analytics/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 8)" track-metadata-position="footer" track-type="footer link" track-metadata-child_headline="solutions" track-metadata-eventdetail="cloud.google.com/solutions/smart-analytics/" track-metadata-module="footer" track-name="smart analytics"> Smart analytics </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/devops/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 9)" track-name="devops" track-type="footer link" track-metadata-eventdetail="cloud.google.com/devops/" track-metadata-child_headline="solutions" track-metadata-module="footer" track-metadata-position="footer"> DevOps </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/solutions/#industry-solutions" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 10)" track-name="industries" track-metadata-position="footer" track-metadata-module="footer" track-type="footer link" track-metadata-eventdetail="cloud.google.com/solutions/#industry-solutions" track-metadata-child_headline="solutions"> Industries </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/solutions/#role-based-solutions-smb" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 11)" track-metadata-child_headline="solutions" track-metadata-module="footer" track-type="footer link" track-metadata-position="footer" track-metadata-eventdetail="cloud.google.com/solutions/#role-based-solutions-smb" track-name="small business"> Small business </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/solutions/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 12)" track-metadata-position="footer" track-type="footer link" track-metadata-child_headline="solutions" track-name="see all solutions" track-metadata-eventdetail="cloud.google.com/solutions/" track-metadata-module="footer"> See all solutions </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Resources</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/docs/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" track-metadata-module="footer" track-name="google cloud documentation" track-metadata-eventdetail="cloud.google.com/docs/" track-metadata-position="footer" track-type="footer link" track-metadata-child_headline="resources"> Google Cloud documentation </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/gcp/getting-started/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" track-name="google cloud quickstarts" track-metadata-module="footer" track-metadata-child_headline="resources" track-type="footer link" track-metadata-position="footer" track-metadata-eventdetail="cloud.google.com/gcp/getting-started/"> Google Cloud quickstarts </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/marketplace/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" track-type="footer link" track-metadata-module="footer" track-metadata-position="footer" track-metadata-child_headline="resources" track-metadata-eventdetail="cloud.google.com/marketplace/" track-name="google cloud marketplace"> Google Cloud Marketplace </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210525094947/https://workspace.google.com/marketplace/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" track-type="footer link" track-metadata-module="footer" track-name="google workspace marketplace" track-metadata-position="footer" track-metadata-eventdetail="workspace.google.com/marketplace/" track-metadata-child_headline="resources" target="_blank"> Google Workspace Marketplace </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/support-hub/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" track-metadata-eventdetail="cloud.google.com/support-hub/" track-metadata-position="footer" track-metadata-child_headline="resources" track-name="support" track-type="footer link" track-metadata-module="footer"> Support </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/docs/samples" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 6)" track-name="code samples" track-metadata-eventdetail="cloud.google.com/docs/samples" track-type="footer link" track-metadata-position="footer" track-metadata-module="footer" track-metadata-child_headline="resources"> Code samples </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/docs/tutorials/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 7)" track-metadata-eventdetail="cloud.google.com/docs/tutorials/" track-name="tutorials" track-metadata-module="footer" track-metadata-position="footer" track-metadata-child_headline="resources" track-type="footer link"> Tutorials </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/training/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 8)" track-type="footer link" track-metadata-position="footer" track-metadata-child_headline="resources" track-name="training" track-metadata-eventdetail="cloud.google.com/training/" track-metadata-module="footer"> Training </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/certification" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 9)" track-metadata-module="footer" track-type="footer link" track-metadata-position="footer" track-metadata-eventdetail="cloud.google.com/certification" track-metadata-child_headline="resources" track-name="certifications"> Certifications </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210525094947/https://developers.google.com/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 10)" track-metadata-position="footer" track-type="footer link" target="_blank" track-metadata-eventdetail="developers.google.com" track-name="google developers" track-metadata-child_headline="resources" track-metadata-module="footer"> Google Developers </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/developers/startups/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 11)" track-type="footer link" track-metadata-eventdetail="cloud.google.com/developers/startups/" track-metadata-position="footer" track-name="google cloud for startups" track-metadata-child_headline="resources" track-metadata-module="footer"> Google Cloud for Startups </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210525094947/https://status.cloud.google.com/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 12)" track-metadata-child_headline="resources" track-metadata-eventdetail="status.cloud.google.com" target="_blank" track-type="footer link" track-metadata-position="footer" track-name="system status" track-metadata-module="footer"> System status </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/release-notes" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 13)" track-type="footer link" track-name="release notes" track-metadata-eventdetail="cloud.google.com/release-notes/" track-metadata-position="footer" track-metadata-module="footer" track-metadata-child_headline="resources"> Release Notes </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Engage</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/contact/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" track-metadata-module="footer" track-name="contact sales" track-metadata-position="footer" track-metadata-eventdetail="cloud.google.com/contact/" track-type="footer link" track-metadata-child_headline="engage"> Contact sales </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210525094947/https://cloud.withgoogle.com/partners" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" track-metadata-module="footer" track-metadata-position="footer" track-name="find a partner" track-metadata-child_headline="engage" track-type="footer link" target="_blank" track-metadata-eventdetail="cloud.withgoogle.com/partners"> Find a Partner </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/partners/become-a-partner/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" track-metadata-module="footer" track-metadata-position="footer" track-name="become a partner" track-metadata-child_headline="engage" track-metadata-eventdetail="cloud.google.com/partners/become-a-partner/" track-type="footer link"> Become a Partner </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/blog/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" track-type="footer link" track-metadata-child_headline="engage" track-metadata-position="footer" track-metadata-module="footer" track-metadata-eventdetail="cloud.google.com/blog" track-name="blog"> Blog </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/events/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" track-name="events" track-type="footer link" track-metadata-position="footer" track-metadata-eventdetail="cloud.withgoogle.com/events" track-metadata-module="footer" track-metadata-child_headline="engage"> Events </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210525094947/https://www.gcppodcast.com/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 6)" track-metadata-position="footer" track-name="podcast" track-metadata-module="footer" track-metadata-child_headline="engage" track-metadata-eventdetail="www.gcppodcast.com" rel="noopener" target="_blank" track-type="footer link"> Podcast </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/community/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 7)" track-metadata-child_headline="engage" track-type="footer link" track-metadata-position="footer" track-metadata-eventdetail="cloud.google.com/community/" track-metadata-module="footer" track-name="community"> Community </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210525094947/https://cloud.google.com/press/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 8)" track-name="press center" track-metadata-position="footer" track-metadata-child_headline="engage" track-metadata-eventdetail="cloud.google.com/press/" track-type="footer link" track-metadata-module="footer"> Press center </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210525094947/https://www.youtube.com/googlecloud" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 9)" track-metadata-eventdetail="www.youtube.com/googlecloud" track-type="footer link" track-name="google cloud on youtube" rel="noopener" target="_blank" track-metadata-child_headline="engage" track-metadata-module="footer" track-metadata-position="footer"> Google Cloud on YouTube </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210525094947/https://www.youtube.com/googlecloudplatform" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 10)" track-type="footer link" track-name="google cloud tech on youtube" track-metadata-eventdetail="www.youtube.com/googlecloudplatform" target="_blank" track-metadata-child_headline="engage" track-metadata-position="footer" rel="noopener" track-metadata-module="footer"> Google Cloud Tech on YouTube </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210525094947/https://www.youtube.com/googleworkspace" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 11)" track-name="google workspace on YouTube" track-metadata-eventdetail="www.youtube.com/googleworkspace/" track-metadata-module="footer" track-type="footer link" rel="noopener" track-metadata-child_headline="engage" track-metadata-position="footer" target="_blank"> Google Workspace on YouTube </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210525094947/https://twitter.com/googlecloud" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 12)" track-name="follow on twitter" track-metadata-module="footer" track-metadata-child_headline="engage" track-type="footer link" track-metadata-eventdetail="twitter.com/googlecloud" target="_blank" track-metadata-position="footer" rel="noopener"> Follow on Twitter </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210525094947/https://userresearch.google.com/?reserved=1&utm_source=website&Q_Language=en&utm_medium=own_srch&utm_campaign=CloudWebFooter&utm_term=0&utm_content=0&productTag=clou&campaignDate=jul19&pType=devel&referral_code=jk212693" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 13)" track-metadata-child_headline="engage" track-metadata-module="footer" track-metadata-position="footer" track-type="footer link" track-metadata-eventdetail="userresearch.google.com/?reserved=1&utm_source=website&Q_Language=en&utm_medium=own_srch&utm_campaign=CloudWebFooter&utm_term=0&utm_content=0&productTag=clou&campaignDate=jul19&pType=devel&referral_code=jk212693" target="_blank" track-name="join user research"> Join User Research </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210525094947/https://careers.google.com/cloud" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 14)" track-metadata-position="footer" track-type="footer link" track-metadata-module="footer" track-name="we are hiring join google cloud" track-metadata-child_headline="engage" track-metadata-eventdetail="careers.google.com/cloud" target="_blank"> We're hiring. Join Google Cloud! </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-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.archive.org/web/20210525094947/https://about.google/" data-category="Site-Wide Custom Events" data-label="Footer About Google link" track-name="about google" track-metadata-position="footer" track-type="footer link" target="_blank" track-metadata-module="utility footer" track-metadata-eventdetail="//about.google/"> About Google </a> </li> <li class="devsite-footer-utility-item devsite-footer-privacy-link"> <a class="devsite-footer-utility-link gc-analytics-event" href="//web.archive.org/web/20210525094947/https://policies.google.com/privacy" data-category="Site-Wide Custom Events" data-label="Footer Privacy link" track-metadata-position="footer" track-metadata-module="utility footer" track-type="footer link" track-name="privacy" target="_blank" track-metadata-eventdetail="//policies.google.com/privacy"> Privacy </a> </li> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="//web.archive.org/web/20210525094947/https://www.google.com/intl/en/policies/terms/regional.html" data-category="Site-Wide Custom Events" data-label="Footer Site terms link" track-metadata-eventdetail="//www.google.com/intl/en/policies/terms/regional.html" target="_blank" track-metadata-module="utility footer" track-name="site terms" track-type="footer link" track-metadata-position="footer"> Site terms </a> </li> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="/web/20210525094947/https://cloud.google.com/product-terms/" data-category="Site-Wide Custom Events" data-label="Footer Google Cloud terms link" track-metadata-position="footer" track-name="google cloud terms" track-type="footer link" track-metadata-module="utility footer" track-metadata-eventdetail="/product-terms/"> Google Cloud terms </a> </li> <li class="devsite-footer-utility-item devsite-footer-carbon-button"> <a class="devsite-footer-utility-link gc-analytics-event" href="/web/20210525094947/https://cloud.google.com/sustainability" data-category="Site-Wide Custom Events" data-label="Footer Carbon neutral since 2007 link" track-name="Carbon neutral since 2007" track-type="footer link" track-metadata-eventdetail="/sustainability/" track-metadata-position="footer"> Carbon neutral since 2007 </a> </li> <li class="devsite-footer-utility-item devsite-footer-utility-button"> <span class="devsite-footer-utility-description">Sign up for the Google Cloud newsletter</span> <a class="devsite-footer-utility-link gc-analytics-event" href="/web/20210525094947/https://cloud.google.com/newsletter/" data-category="Site-Wide Custom Events" data-label="Footer Subscribe link" track-type="footer link" track-metadata-eventdetail="/newsletter/" track-name="subscribe" track-metadata-module="utility footer" track-metadata-position="footer"> 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="de" lang="de" track-metadata-original-language="en" track-metadata-selected-language="de" track-name="changed" track-type="languageSelector"> Deutsch </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="zh_cn" lang="zh_cn" track-metadata-original-language="en" track-metadata-selected-language="zh_cn" track-name="changed" track-type="languageSelector"> 中文 – 简体 </option> <option value="ja" lang="ja" track-metadata-original-language="en" track-metadata-selected-language="ja" track-name="changed" track-type="languageSelector"> 日本語 </option> <option value="ko" lang="ko" track-metadata-original-language="en" track-metadata-selected-language="ko" track-name="changed" track-type="languageSelector"> 한국어 </option> </select> </devsite-select> </devsite-language-selector> </nav> </div> </devsite-footer-utility> </section></section> <devsite-sitemask></devsite-sitemask> <devsite-snackbar type="cookie-notification" data-cookie-notice="2"></devsite-snackbar> <devsite-tooltip></devsite-tooltip> <devsite-heading-link></devsite-heading-link> <devsite-analytics enable-analytics-iframe> <script type="application/json" analytics>[]</script> <script type="application/json" gtm>{"parameters": {"freeTrialEligibleUser": "True", "internalUser": "False", "language": {"machineTranslated": "False", "requested": "en", "served": "en"}, "pageType": "marketing", "projectName": "Google Maps Platform", "scriptsafe": null, "signedIn": "False", "tenant": "cloud", "recommendations": {"sourcePage": "", "sourceType": 0, "sourceRank": 0, "sourceIdenticalDescriptions": 0, "sourceTitleWords": 0, "sourceDescriptionWords": 0, "experiment": ""}}, "tags": ["GTM-5CVQBG"]}</script> </devsite-analytics> <cloudx-recaptcha></cloudx-recaptcha> <script nonce="wHzkvM+LHa9DxVeB/HHnKkbiQfBEOd"> (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/20210525094947/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/cloud/js/app_loader.js', '[2,"en",null,"/js/devsite_app_module.js","https://web.archive.org/web/20210525094947/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea","https://web.archive.org/web/20210525094947/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/cloud","https://web.archive.org/web/20210525094947/https://cloud-dot-devsite-v2-prod.appspot.com",1,null,["/_pwa/cloud/manifest.json","https://web.archive.org/web/20210525094947/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/images/video-placeholder.svg","https://web.archive.org/web/20210525094947/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/cloud/images/favicons/onecloud/favicon.ico","https://web.archive.org/web/20210525094947/https://www.gstatic.com/devrel-devsite/prod/v1674d466be3b1154327dd11cf186e748303b1e92ae31ff35df0f5192fbd777ea/cloud/images/cloud-logo.svg","https://web.archive.org/web/20210525094947/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

Ridesharing | Google Maps Platform | Google Cloud