Pricing & Plans | Google Maps Platform

<!doctype html> <html lang="en" dir="ltr"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://cloud.google.com/maps-platform/pricing/","20210813052646","https://web.archive.org/","web","/_static/", "1628832406"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta name="google-signin-client-id" content="721724668570-nbkv1cfusk7kk4eni4pjvepaus73b13t.apps.googleusercontent.com"> <meta name="google-signin-scope" content="profile email"> <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/20210813052646/https://cloud.google.com/_pwa/cloud/manifest.json" crossorigin="use-credentials"> <link rel="preconnect" href="//web.archive.org/web/20210813052646/https://www.gstatic.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210813052646/https://fonts.gstatic.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210813052646/https://fonts.googleapis.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210813052646/https://apis.google.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210813052646/https://www.google-analytics.com/" crossorigin><link rel="stylesheet" href="//web.archive.org/web/20210813052646cs_/https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"> <link rel="stylesheet" href="//web.archive.org/web/20210813052646cs_/https://fonts.googleapis.com/css?family=Material+Icons&display=block"><link rel="stylesheet" href="https://web.archive.org/web/20210813052646cs_/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/cloud/css/app.css"> <link rel="shortcut icon" href="https://web.archive.org/web/20210813052646im_/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/cloud/images/favicons/onecloud/favicon.ico"> <link rel="apple-touch-icon" href="https://web.archive.org/web/20210813052646im_/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/cloud/images/favicons/onecloud/super_cloud.png"><link rel="canonical" href="https://web.archive.org/web/20210813052646/https://cloud.google.com/maps-platform/pricing"><link rel="search" type="application/opensearchdescription+xml" title="Google Cloud" href="https://web.archive.org/web/20210813052646/https://cloud.google.com/s/opensearch.xml"> <title>Pricing & Plans  |  Google Maps Platform  |  Google Cloud</title> <meta property="og:title" content="Pricing & Plans | Google Maps Platform | Google Cloud"><meta name="description" content="Review flexible pricing that scales to fit your needs and comes with $200 in free usage every month. After that, you pay only for what you use."> <meta property="og:description" content="Review flexible pricing that scales to fit your needs and comes with $200 in free usage every month. After that, you pay only for what you use."><meta property="og:url" content="https://web.archive.org/web/20210813052646/https://cloud.google.com/maps-platform/pricing"><meta property="og:image" content="https://web.archive.org/web/20210813052646im_/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/20210813052646/https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Google Maps Platform", "item": "https://web.archive.org/web/20210813052646/https://cloud.google.com/maps-platform" },{ "@type": "ListItem", "position": 2, "name": "Pricing & Plans", "item": "https://web.archive.org/web/20210813052646/https://cloud.google.com/maps-platform/pricing" }] } </script> </head> <body class="" 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/20210813052646/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/20210813052646im_/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/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/20210813052646/https://cloud.google.com/maps-platform" class="gc-analytics-event hidden" track-type="nav" track-name="google maps platform" track-metadata-eventdetail="https://cloud.google.com/maps-platform" track-metadata-position="nav - google maps platform" track-metadata-module="primary nav" 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/20210813052646/https://cloud.google.com/support-hub#section-4" class="gc-analytics-event " track-type="nav" track-name="support" track-metadata-eventdetail="https://cloud.google.com/support-hub#section-4" track-metadata-position="nav - support" track-metadata-module="primary nav" 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/20210813052646/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="searchbox" 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/20210813052646/https://cloud.google.com/support-hub#section-4" class="gc-analytics-event " track-type="nav" track-name="support" track-metadata-eventdetail="https://cloud.google.com/support-hub#section-4" track-metadata-position="nav - support" track-metadata-module="primary nav" 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" lang="es" track-metadata-original-language="en" track-metadata-selected-language="es" track-name="changed" track-type="languageSelector"> Español </option> <option value="es_419" lang="es_419" track-metadata-original-language="en" track-metadata-selected-language="es_419" track-name="changed" track-type="languageSelector"> Español – América Latina </option> <option value="fr" lang="fr" track-metadata-original-language="en" track-metadata-selected-language="fr" track-name="changed" track-type="languageSelector"> Français </option> <option value="it" lang="it" track-metadata-original-language="en" track-metadata-selected-language="it" track-name="changed" track-type="languageSelector"> Italiano </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="zh_tw" lang="zh_tw" track-metadata-original-language="en" track-metadata-selected-language="zh_tw" track-name="changed" track-type="languageSelector"> 中文 – 繁體 </option> <option value="ja" lang="ja" track-metadata-original-language="en" track-metadata-selected-language="ja" track-name="changed" track-type="languageSelector"> 日本語 </option> <option value="ko" lang="ko" track-metadata-original-language="en" track-metadata-selected-language="ko" track-name="changed" track-type="languageSelector"> 한국어 </option> </select> </devsite-select> </devsite-language-selector> <devsite-user enable-profiles fp-auth id="devsite-user"></devsite-user> </div> </div> </div> <div class="devsite-collapsible-section "> <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/20210813052646/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/20210813052646/https://cloud.google.com/maps-platform" class="gc-analytics-event " track-type="nav" track-name="overview" track-metadata-eventdetail="https://cloud.google.com/maps-platform" track-metadata-position="nav - overview" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Overview"> Overview </a> </tab> <tab> <a href="https://web.archive.org/web/20210813052646/https://cloud.google.com/maps-platform/products" class="gc-analytics-event " track-type="nav" track-name="products" track-metadata-eventdetail="https://cloud.google.com/maps-platform/products" track-metadata-position="nav - products" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Products"> Products </a> </tab> <tab active> <a href="https://web.archive.org/web/20210813052646/https://cloud.google.com/maps-platform/pricing" class="gc-analytics-event " track-type="nav" track-name="pricing" track-metadata-eventdetail="https://cloud.google.com/maps-platform/pricing" track-metadata-position="nav - pricing" track-metadata-module="primary nav" aria-label="Pricing, selected" data-category="Site-Wide Custom Events" data-label="Tab: Pricing"> Pricing </a> </tab> <tab dropdown dropdown-full> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/documentation/" class="gc-analytics-event " track-type="nav" track-name="documentation" track-metadata-eventdetail="//developers.google.com/maps/documentation/" track-metadata-position="nav - documentation" track-metadata-module="primary nav" 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="nav" track-name="documentation" track-metadata-eventdetail="//developers.google.com/maps/documentation/" track-metadata-position="nav - documentation" track-metadata-module="primary nav" 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/20210813052646/https://developers.google.com/maps/gmp-get-started/" track-type="nav" track-name="get started with google maps platform" track-metadata-eventdetail="//developers.google.com/maps/gmp-get-started/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="get started" tooltip track-metadata-href="developers.google.com/maps/gmp-get-started/" track-name="get started" track-metadata-eventdetail="get started with gmp" track-metadata-position="nav - secondary" 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/20210813052646/https://developers.google.com/maps/documentation/api-picker/" track-type="nav" track-name="api picker" track-metadata-eventdetail="//developers.google.com/maps/documentation/api-picker/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="get started" tooltip track-metadata-position="nav - secondary" track-name="get started" track-type="navMenu" track-metadata-eventdetail="api picker" track-metadata-href="developers.google.com/maps/documentation/api-picker/"> <div class="devsite-nav-item-title"> API Picker </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/billing-credits/" track-type="nav" track-name="billing account credits" track-metadata-eventdetail="//developers.google.com/maps/billing-credits/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="get started" tooltip track-name="get started" track-metadata-eventdetail="billing and credits" track-type="navMenu" track-metadata-href="developers.google.com/maps/billing-credits/" track-metadata-position="nav - secondary"> <div class="devsite-nav-item-title"> Billing Account Credits </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/billing/gmp-billing/" track-type="nav" track-name="billing" track-metadata-eventdetail="//developers.google.com/maps/billing/gmp-billing/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="get started" tooltip track-metadata-position="nav - secondary" track-type="navMenu" track-metadata-eventdetail="gmp billing" track-metadata-href="developers.google.com/maps/billing/gmp-billing/" track-name="get started"> <div class="devsite-nav-item-title"> Billing </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/reporting/gmp-reporting/" track-type="nav" track-name="reporting" track-metadata-eventdetail="//developers.google.com/maps/reporting/gmp-reporting/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="get started" tooltip track-type="navMenu" track-metadata-href="developers.google.com/maps/documentation/maps/reporting/gmp-reporting/" track-metadata-position="nav - secondary" track-metadata-eventdetail="gmp reporting" track-name="get started"> <div class="devsite-nav-item-title"> Reporting </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/faq/" track-type="nav" track-name="gmp faq" track-metadata-eventdetail="//developers.google.com/maps/faq/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="get started" tooltip track-metadata-eventdetail="gmp faq" track-metadata-position="nav - secondary" track-type="navMenu" track-name="get started" 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/20210813052646/https://developers.google.com/maps/support/" track-type="nav" track-name="support and resources" track-metadata-eventdetail="//developers.google.com/maps/support/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="get started" tooltip track-metadata-eventdetail="support and resources" track-metadata-position="nav - secondary" track-type="navMenu" track-metadata-href="developers.google.com/maps/support/" track-name="get started"> <div class="devsite-nav-item-title"> Support and Resources </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/gmp-incident-management/" track-type="nav" track-name="incident management" track-metadata-eventdetail="//developers.google.com/maps/gmp-incident-management/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="get started" tooltip track-metadata-position="nav - secondary" track-name="get started" track-type="navMenu" track-metadata-href="developers.google.com/maps/documentation/maps/gmp-incident-management/" track-metadata-eventdetail="gmp incident management"> <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/20210813052646/https://developers.google.com/maps/documentation/javascript/" track-type="nav" track-name="maps javascript api" track-metadata-eventdetail="//developers.google.com/maps/documentation/javascript/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="maps" tooltip track-metadata-position="nav - secondary" track-name="maps" track-type="navMenu" track-metadata-href="developers.google.com/maps/documentation/javascript/" 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/20210813052646/https://developers.google.com/maps/documentation/android-sdk/" track-type="nav" track-name="maps sdk for android" track-metadata-eventdetail="//developers.google.com/maps/documentation/android-sdk/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="maps" tooltip track-metadata-position="nav - secondary" track-type="navMenu" track-metadata-eventdetail="maps sdk for android" 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/20210813052646/https://developers.google.com/maps/documentation/ios-sdk/" track-type="nav" track-name="maps sdk for ios" track-metadata-eventdetail="//developers.google.com/maps/documentation/ios-sdk/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="maps" tooltip track-metadata-eventdetail="maps sdk for ios" track-metadata-position="nav - secondary" track-name="maps" track-type="navMenu" 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/20210813052646/https://developers.google.com/maps/documentation/maps-static/" track-type="nav" track-name="maps static api" track-metadata-eventdetail="//developers.google.com/maps/documentation/maps-static/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="maps" tooltip track-metadata-position="nav - secondary" track-metadata-eventdetail="maps static api" track-metadata-href="developers.google.com/maps/documentation/maps-static/" track-type="navMenu" track-name="maps"> <div class="devsite-nav-item-title"> Maps Static API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/documentation/streetview/" track-type="nav" track-name="street view static api" track-metadata-eventdetail="//developers.google.com/maps/documentation/streetview/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="maps" tooltip track-metadata-position="nav - secondary" track-name="maps" track-metadata-eventdetail="street view static api" track-metadata-href="developers.google.com/maps/documentation/streetview/" track-type="navMenu"> <div class="devsite-nav-item-title"> Street View Static API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/documentation/embed/" track-type="nav" track-name="maps embed api" track-metadata-eventdetail="//developers.google.com/maps/documentation/embed/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="maps" tooltip track-name="maps" track-metadata-eventdetail="maps embed api" track-metadata-position="nav - secondary" track-metadata-href="developers.google.com/maps/documentation/embed/" track-type="navMenu"> <div class="devsite-nav-item-title"> Maps Embed API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/documentation/urls/" track-type="nav" track-name="maps urls" track-metadata-eventdetail="//developers.google.com/maps/documentation/urls/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="maps" tooltip track-metadata-href="developers.google.com/maps/documentation/maps/documentation/urls/" track-metadata-position="nav - secondary" track-metadata-eventdetail="maps urls" track-name="maps" 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/20210813052646/https://developers.google.com/maps/documentation/directions/" track-type="nav" track-name="directions api" track-metadata-eventdetail="//developers.google.com/maps/documentation/directions/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="routes" tooltip track-metadata-href="developers.google.com/maps/documentation/directions/" track-metadata-eventdetail="directions api" track-name="routes" track-metadata-position="nav - secondary" track-type="navMenu"> <div class="devsite-nav-item-title"> Directions API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/documentation/distance-matrix/" track-type="nav" track-name="distance matrix api" track-metadata-eventdetail="//developers.google.com/maps/documentation/distance-matrix/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="routes" tooltip track-metadata-href="developers.google.com/maps/documentation/distance-matrix/" track-metadata-position="nav - secondary" track-metadata-eventdetail="distance matrix api" track-name="routes" track-type="navMenu"> <div class="devsite-nav-item-title"> Distance Matrix API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/documentation/roads/" track-type="nav" track-name="roads api" track-metadata-eventdetail="//developers.google.com/maps/documentation/roads/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="routes" tooltip track-type="navMenu" track-metadata-eventdetail="roads api" track-metadata-href="developers.google.com/maps/documentation/roads/" track-metadata-position="nav - secondary" track-name="routes"> <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/20210813052646/https://developers.google.com/maps/documentation/gaming/" track-type="nav" track-name="gaming services" track-metadata-eventdetail="//developers.google.com/maps/documentation/gaming/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="routes" tooltip track-metadata-eventdetail="gaming services" track-type="navMenu" track-metadata-position="nav - secondary" track-metadata-href="developers.google.com/maps/documentation/gaming/" track-name="industry solutions"> <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/20210813052646/https://developers.google.com/maps/documentation/places/web-service/" track-type="nav" track-name="places api" track-metadata-eventdetail="//developers.google.com/maps/documentation/places/web-service/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="places" tooltip track-metadata-eventdetail="places api" track-type="navMenu" track-name="places" track-metadata-href="developers.google.com/places/web-service/" track-metadata-position="nav - secondary"> <div class="devsite-nav-item-title"> Places API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/documentation/places/android-sdk/" track-type="nav" track-name="places sdk for android" track-metadata-eventdetail="//developers.google.com/maps/documentation/places/android-sdk/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="places" tooltip track-name="places" track-metadata-eventdetail="places sdk for android" track-metadata-href="developers.google.com/places/android-sdk/" track-metadata-position="nav - secondary" track-type="navMenu"> <div class="devsite-nav-item-title"> Places SDK for Android </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/documentation/places/ios-sdk/" track-type="nav" track-name="places sdk for ios" track-metadata-eventdetail="//developers.google.com/maps/documentation/places/ios-sdk/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="places" tooltip track-name="places" track-metadata-eventdetail="places sdk for ios" track-metadata-href="developers.google.com/places/ios-sdk/" track-type="navMenu" 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/20210813052646/https://developers.google.com/maps/documentation/javascript/places/" track-type="nav" track-name="places library, maps javascript api" track-metadata-eventdetail="//developers.google.com/maps/documentation/javascript/places/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="places" tooltip track-type="navMenu" track-metadata-href="developers.google.com/maps/documentation/javascript/places/" track-metadata-eventdetail="places library maps javascript" track-name="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/20210813052646/https://developers.google.com/maps/documentation/geocoding/" track-type="nav" track-name="geocoding api" track-metadata-eventdetail="//developers.google.com/maps/documentation/geocoding/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="places" tooltip track-name="places" track-metadata-href="developers.google.com/maps/documentation/geocoding/" track-metadata-position="nav - secondary" track-type="navMenu" track-metadata-eventdetail="geocoding api"> <div class="devsite-nav-item-title"> Geocoding API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/documentation/geolocation/" track-type="nav" track-name="geolocation api" track-metadata-eventdetail="//developers.google.com/maps/documentation/geolocation/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="places" tooltip track-metadata-position="nav - secondary" track-type="navMenu" track-metadata-eventdetail="geolocation api" track-metadata-href="developers.google.com/maps/documentation/geolocation/" track-name="places"> <div class="devsite-nav-item-title"> Geolocation API </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/documentation/timezone/" track-type="nav" track-name="time zone api" track-metadata-eventdetail="//developers.google.com/maps/documentation/timezone/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="places" tooltip track-metadata-href="developers.google.com/maps/documentation/timezone/" track-type="navMenu" track-metadata-position="nav - secondary" track-name="places" track-metadata-eventdetail="time zone api"> <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/20210813052646/https://developers.google.com/maps/api-security-best-practices/" track-type="nav" track-name="api key best practices" track-metadata-eventdetail="//developers.google.com/maps/api-security-best-practices/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="additional resources" tooltip track-type="navMenu" track-name="additional resources" track-metadata-href="developers.google.com/maps/api-security-best-practices/" track-metadata-position="nav - secondary" track-metadata-eventdetail="api key best practices"> <div class="devsite-nav-item-title"> API Key Best Practices </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/coverage/" track-type="nav" track-name="map coverage details" track-metadata-eventdetail="//developers.google.com/maps/coverage/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="additional resources" tooltip track-type="navMenu" track-metadata-position="nav - secondary" track-metadata-href="developers.google.com/maps/coverage/" track-metadata-eventdetail="map coverage details" 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/20210813052646/https://developers.google.com/maps/optimization-guide/" track-type="nav" track-name="optimization guide" track-metadata-eventdetail="//developers.google.com/maps/optimization-guide/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="additional resources" tooltip track-type="navMenu" track-metadata-href="developers.google.com/maps/optimization-guide/" track-metadata-eventdetail="optimization guide" track-name="additional resources"> <div class="devsite-nav-item-title"> Optimization Guide </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/deprecations/" track-type="nav" track-name="deprecations" track-metadata-eventdetail="//developers.google.com/maps/deprecations/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="additional resources" tooltip track-type="navMenu" track-metadata-href="developers.google.com/maps/deprecations/" track-metadata-eventdetail="deprecations" track-name="additional resources"> <div class="devsite-nav-item-title"> Deprecations </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/asset-tracking-plan/" track-type="nav" track-name="asset tracking plan" track-metadata-eventdetail="//developers.google.com/maps/asset-tracking-plan/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="additional resources" tooltip track-metadata-eventdetail="asset tracking plan" track-type="navMenu" track-name="additional resources" track-metadata-href="developers.google.com/maps/asset-tracking-plan/"> <div class="devsite-nav-item-title"> Asset Tracking Plan </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/root-ca-faq/" track-type="nav" track-name="root ca migration faq" track-metadata-eventdetail="//developers.google.com/maps/root-ca-faq/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="additional resources" tooltip track-type="navMenu" track-name="additional resources" track-metadata-href="developers.google.com/maps/root-ca-faq/" track-metadata-eventdetail="root ca migration faq"> <div class="devsite-nav-item-title"> Root CA Migration FAQ </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/billing/public-programs/" track-type="nav" track-name="public programs" track-metadata-eventdetail="//developers.google.com/maps/billing/public-programs/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="additional resources" tooltip track-name="additional resources" track-type="navMenu" track-metadata-eventdetail="public programs" track-metadata-href="developers.google.com/maps/billing/public-programs/"> <div class="devsite-nav-item-title"> Public Programs </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/premium/" track-type="nav" track-name="premium plan" track-metadata-eventdetail="//developers.google.com/maps/premium/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="additional resources" tooltip track-name="additional resources" track-metadata-href="developers.google.com/maps/premium/" track-type="navMenu" track-metadata-eventdetail="premium plan"> <div class="devsite-nav-item-title"> Premium Plan </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/url-encoding/" track-type="nav" track-name="url encoding" track-metadata-eventdetail="//developers.google.com/maps/url-encoding/" track-metadata-position="nav - documentation" track-metadata-module="tertiary nav" track-metadata-module_headline="additional resources" tooltip track-type="navMenu" track-metadata-href="developers.google.com/maps/url-encoding/" track-metadata-eventdetail="url encoding" track-name="additional resources"> <div class="devsite-nav-item-title"> URL Encoding </div> </a> </li> </ul> </div> </div> </div> </tab> <tab> <a href="https://web.archive.org/web/20210813052646/https://cloud.google.com/blog/products/maps-platform" class="gc-analytics-event " track-type="nav" track-name="blog" track-metadata-eventdetail="https://cloud.google.com/blog/products/maps-platform" track-metadata-position="nav - blog" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Blog"> Blog </a> </tab> <tab> <a href="https://web.archive.org/web/20210813052646/https://cloud.google.com/customers#more-customer-stories" class="gc-analytics-event " track-type="nav" track-name="customer stories" track-metadata-eventdetail="https://cloud.google.com/customers#more-customer-stories" track-metadata-position="nav - customer stories" track-metadata-module="primary nav" 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/20210813052646/https://cloud.google.com/contact-maps" class="cta-button-secondary button " track-metadata-eventdetail="nav" track-name="maps" track-metadata-position="nav" track-type="contact">Contact sales</a> <a href="https://web.archive.org/web/20210813052646/https://console.cloud.google.com/google/maps-apis/start" class="cta-button-primary button-primary button get-started-trigger " track-name="mapsCta" referrerpolicy="no-referrer-when-downgrade" 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/20210813052646/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/20210813052646im_/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/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/20210813052646/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/20210813052646/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/20210813052646/https://cloud.google.com/maps-platform/products" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Products" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="products"> <span class="devsite-nav-text" tooltip> Products </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210813052646/https://cloud.google.com/maps-platform/pricing" class="devsite-nav-title gc-analytics-event devsite-nav-active" 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/20210813052646/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/20210813052646/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/20210813052646/https://cloud.google.com/customers#more-customer-stories" 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/20210813052646/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/20210813052646/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/20210813052646/https://cloud.google.com/contact-maps" class="cta-button-secondary button" track-metadata-eventdetail="nav" track-name="maps" track-metadata-position="nav" track-type="contact" 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/20210813052646/https://console.cloud.google.com/google/maps-apis/start" class="cta-button-primary button-primary button get-started-trigger" track-name="mapsCta" referrerpolicy="no-referrer-when-downgrade" 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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/https://developers.google.com/maps/api-security-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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/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> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/maps/url-encoding/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: URL Encoding" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="urlEncoding"> <span class="devsite-nav-text" tooltip> URL Encoding </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" role="navigation" aria-label="Table of contents" 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/20210813052646im_/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/20210813052646im_/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/20210813052646im_/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/20210813052646im_/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/20210813052646im_/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/20210813052646im_/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/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/20210813052646im_/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/20210813052646im_/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/20210813052646im_/https://screenshot.googleplex.com/Pki7xB5Wcb4.png); } .flex-card.ready-to-go-routes { background-image: url(https://web.archive.org/web/20210813052646im_/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/20210813052646im_/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/20210813052646im_/https://cloud.google.com/images/maps-platform/routes_hero_2x.jpg); } .maps-header-places { background-image: url(/web/20210813052646im_/https://cloud.google.com/images/maps-platform/places_hero_2x.jpg); } .maps-header-maps { background-image: url(/web/20210813052646im_/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/20210813052646im_/https://screenshot.googleplex.com/HqosZQ5k9ON.png); } .maps-gaming-ctas { background-image: url(/web/20210813052646im_/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/20210813052646im_/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/20210813052646im_/https://cloud.google.com/images/storage/use-case-1.svg"); } .bg-use-case-2 { background-image: url("/web/20210813052646im_/https://cloud.google.com/images/storage/use-case-2.svg"); } .bg-use-case-3 { background-image: url("/web/20210813052646im_/https://cloud.google.com/images/storage/use-case-3.svg"); } </style><style> @media only screen and (max-width: 705px) { .mobile-frame { overflow-x: scroll; } } .maps-features--two-col .maps-features-block { max-width: max-content; } .maps-features--two-col .maps-features-block:first-of-type { padding-right: 0; } .maps-features--two-col .maps-features-block:last-of-type { padding-left: 0; } #cloud-site .maps-features.maps-features--two-col .flex { flex-direction: column; } </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/20210813052646/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/20210813052646/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/20210813052646/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/20210813052646/https://cloud.google.com/maps-platform/pricing" 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=""> Pricing </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 id="cloud-site" class="l-fixed-width">  <header class="hero jb-hero jb-hero-solutions maps-full-bleed" style="background-image: url(/web/20210813052646im_/https://cloud.google.com/images/maps-platform/pricing_hero3_2x.jpg);"> <div class="jb-hero-content"> <h1 class="hero-title" id="pricing-that-scales-to-fit-your-needs" data-text="Pricing that scales to fit your needs">Pricing that scales to fit your needs</h1> <div class="hero-subtitle">Plus, get $200 in free usage for Maps, Routes, and Places every month </div> <div class="hero-additional-content"> <a href="https://web.archive.org/web/20210813052646/https://console.cloud.google.com/google/maps-apis/start" class="cloud-button cloud-button--primary maps-hero-cta get-started-trigger" track-type="getStarted" track-name="mapsCta" track-metadata-eventdetail="hero" track-metadata-position="banner" referrerpolicy="no-referrer-when-downgrade"> Get Started </a> </div> </div> </header> <div class="multi-section bg-white maps-features maps-full-bleed top-pad"> <section class="alternate with-padding l-max-width-standard maps-no-vert-pad"> <div class="flex"> <div class="maps-features-block"> <div class="maps-subtitle">$200 free monthly usage</div> <div class="maps-copy"> For most of our users, the $200 monthly credit is enough to support their needs. You can also set daily quotas to protect against unexpected increases.</div> </div> <div class="maps-features-block"> <div class="maps-subtitle">Pay only for what you use</div> <div class="maps-copy">Our pricing scales to fit your needs with no commitments, termination fees, or usage limits — and you can use mobile Maps at no charge.</div> </div> <div class="maps-features-block"> <div class="maps-subtitle">We’re here to help</div> <div class="maps-copy">All customers get Google support and can access community-based development support through Stack Overflow and the Maps API Public Issue Tracker. We also offer tiered coverage for up to 24/7 expert support.</div> </div> </div> </section> </div> <div class="maps-bg-gray maps-full-bleed maps-std-section top-pad-less"> <section class="with-padding l-max-width-standard maps-pricing-carousel"> <h3 class="centered-heading centered-heading-wsub" id="matrix" data-text="Pricing">Pricing</h3> <div class="centered-subtitle">Get $200 in free usage for Maps, Routes, and Places every month</div> <div class="mobile-frame"> <devsite-iframe><iframe src="/web/20210813052646if_/https://cloud.google.com/maps-platform/pricing/index_8af7fe7b4920657cc97689bb40336d4148ba9c95940bc4b12d58ce28c14767b0.frame" class="framebox inherit-locale " allowfullscreen is-upgraded></iframe></devsite-iframe> </div> <div class="centered-subtitle with-padding"> <div class="cta-container"> <a href="https://web.archive.org/web/20210813052646/https://console.cloud.google.com/google/maps-apis/start" class="cloud-button cloud-button--primary maps-hero-cta get-started-trigger" track-type="getStarted" track-name="mapsCta" track-metadata-eventdetail="pricingForMapsRoutesAndPlaces" track-metadata-position="body" referrerpolicy="no-referrer-when-downgrade"> Get Started </a> </div> <p> Volume discounts are available, starting at 20% off. For more info, <a href="/web/20210813052646/https://cloud.google.com/contact-maps" track-type="pricingSheet" track-name="linkClick" track-metadata-eventdetail="pricingForMapsRoutesPlacesAndGaming" track-metadata-position="body">contact sales</a>. </p> </div> </section> </div> <div class="maps-full-bleed bg-white maps-std-section maps-products"> <section class="section with-padding l-max-width-standard"> <h3 class="centered-heading" id="pricing-for-enterprise-customers" data-text="Pricing for enterprise customers">Pricing for enterprise customers</h3> <div class="flex-card-container cross-2 maps-copy-large"> <div class="flex-card bg-white"> For large-scale enterprises or startups looking for volume pricing or industry-specific solutions, we offer access to: </div> <div class="flex-card bg-white"> <ul> <li>High-volume pricing discounts for Maps, Routes, and Places</li> <li>Custom industry solutions and high-volume pricing discounts for <a href="/web/20210813052646/https://cloud.google.com/maps-platform/gaming" track-type="gaming" track-name="linkClick" track-metadata-eventdetail="body">gaming</a>, <a href="/web/20210813052646/https://cloud.google.com/maps-platform/rides-and-deliveries" track-type="ridesharing" track-name="linkClick" track-metadata-eventdetail="body">ridesharing</a>, and <a href="/web/20210813052646/https://cloud.google.com/maps-platform/asset-tracking" track-type="assetTracking" track-name="linkClick" track-metadata-eventdetail="body">asset tracking</a></li> <li>Up to 24/7 expert support and 1-hour response times available</li> <li>Our worldwide network of <a href="https://web.archive.org/web/20210813052646/https://cloud.withgoogle.com/partners/?metadataExpertiseTypes=GOOGLE_MAPS_PLATFORM_EXPERTISE" target="_blank" track-type="partners" track-name="linkClick" track-metadata-eventdetail="body">partners</a></li> </ul> </div> </div> <div class="centered-subtitle with-padding"> <div class="cta-container"> <a href="/web/20210813052646/https://cloud.google.com/contact-maps" class="button button-large button-plain" track-type="contact" track-name="sales" track-metadata-eventdetail="pricingForEnterpriseCustomers" track-metadata-position="body">CONTACT SALES </a> </div> <p>or <a href="https://web.archive.org/web/20210813052646/https://console.cloud.google.com/google/maps-apis/start" class="get-started-trigger" track-type="getStarted" track-name="mapsCta" track-metadata-eventdetail="pricingForEnterpriseCustomers" track-metadata-position="body" referrerpolicy="no-referrer-when-downgrade">get started </a> for free. </p> </div> </section> </div> <div class="multi-section maps-full-bleed maps-std-section maps-products maps-bg-gray"> <section id="faq" class="section with-padding l-max-width-standard frequently-asked-questions"> <h2 class="headline-two" id="frequently-asked-questions" data-text="Frequently Asked Questions">Frequently Asked Questions</h2> <ul> <li> <a href="#what">Can I try before buying? What is the Google Maps Platform free $200 monthly credit?</a> </li> <li> <a href="#credit">Can I use the Google Cloud Platform $300 free trial with Google Maps Platform?</a> </li> <li> <a href="#billing">Why is a credit card or billing account required? How do know I won't get charged?</a> </li> <li> <a href="#request">What is a request?</a> </li> <li> <a href="#details">What is the pricing after the free monthly credit?</a> </li> <li> <a href="#pricing">How can I estimate my total monthly bill?</a> </li> <li> <a href="#discounts">Am I eligible for volume pricing discounts?</a> </li> <li> <a href="#non-profits">Is there special pricing available for non-profits?</a> </li> <li> <a href="#usage">How can existing customers understand their bill and usage?</a> </li> <li> <a href="#currencies">Which currencies are available?</a> </li> <li> <a href="#key">How do I get an API key?</a> </li> <li> <a href="#apis">Which APIs are enabled by each product?</a> </li> <li> <a href="#usecases">What other use cases does Google Maps Platform support?</a> </li> </ul> <br><hr> <dl class="qa-list"> <div class="qa-item"> <dt class="question subhead-one" id="what"> Can I try before buying? What is the Google Maps Platform free $200 monthly credit? </dt> <dd class="answer body-one"> <p>Google Maps Platform offers a free $200 monthly credit for Maps, Routes, and Places (see <a href="https://web.archive.org/web/20210813052646/https://developers.google.com/maps/billing-credits" target="_blank">Billing Account Credits</a>). With the $200 monthly credit, the vast majority of customers find their use cases are completely free. You won't be charged until your usage exceeds $200 in a month.</p> <p>Note that the Maps Embed API, Maps SDK for Android, and Maps SDK for iOS currently have no usage limits and are free (usage of the API or SDKs is not applied against your $200 monthly credit).</p> </dd> </div> <div class="qa-item"> <dt class="question subhead-one" id="credit"> Can I use the Google Cloud Platform $300 free trial with Google Maps Platform? </dt> <dd class="answer body-one"> <p>Yes, you can (see <a href="https://web.archive.org/web/20210813052646/https://developers.google.com/maps/billing-credits" target="_blank">Billing Account Credits</a>). For other credits, restrictions may apply (see <a href="https://web.archive.org/web/20210813052646/https://developers.google.com/maps/billing/gmp-billing" target="_blank">Google Maps Platform Billing</a>).</p> </dd> </div> <div class="qa-item"> <dt class="question subhead-one" id="billing"> Why is a credit card or billing account required? How do know I won't get charged? </dt> <dd class="answer body-one"> <p>We ask for your credit card or billing account to cover any amount you spend over the $200 monthly free credit. You can set quotas or limits on your daily requests to ensure sudden increased usage doesn't exceed your budget or cause an unexpected bill. To learn how to set daily limits, see <a href="https://web.archive.org/web/20210813052646/https://developers.google.com/maps/billing/gmp-billing#monitor-and-restrict-consumption" target="_blank" track-type="usageAndBilling" track-name="linkClick" track-metadata-eventdetail="bodyFaqs">Google Maps Platform Billing</a>.</p> </dd> </div> <div class="qa-item"> <dt class="question subhead-one" id="request"> What is a request? </dt> <dd class="answer body-one"> <p>Requests can either be calls to the API, or load events of maps or panoramas. User interactions like zooming or panning are not charged. See <a href="https://web.archive.org/web/20210813052646/https://developers.google.com/maps/billing/gmp-billing" target="_blank" track-type="understandingCost2" track-name="linkClick" track-metadata-eventdetail="bodyFaqs">Google Maps Platform Billing</a>.</p> </dd> </div> <div class="qa-item"> <dt class="question subhead-one" id="details"> What is the pricing after the free monthly credit? </dt> <dd class="answer body-one"> <p>Detailed pricing information for Maps, Routes, and Places is available at <a href="https://web.archive.org/web/20210813052646/https://developers.google.com/maps/billing/gmp-billing#detailed-pricing-information-per-product-sku" target="_blank" track-type="understandingCost" track-name="linkClick" track-metadata-eventdetail="bodyFaqs">Google Maps Platform Billing</a>.</p> </dd> </div> <div class="qa-item"> <dt class="question subhead-one" id="pricing"> How can I estimate my total monthly bill? </dt> <dd class="answer body-one"> <p>Review our <a href="https://web.archive.org/web/20210813052646/https://cloud.google.com/maps-platform/pricing/sheet/" target="_blank" track-type="pricingSheet" track-name="linkClick" track-metadata-eventdetail="bodyFaqs">pricing sheet</a> and then use our <a href="/web/20210813052646/https://cloud.google.com/maps-platform/pricing#matrix" track-type="matrix" track-name="linkClick" track-metadata-eventdetail="bodyFaqs">pricing and usage matrix</a> to estimate your monthly costs. </p> </dd> </div> <div class="qa-item"> <dt class="question subhead-one" id="discounts"> Am I eligible for volume pricing discounts? </dt> <dd class="answer body-one"> <p>Usage above 100K monthly requests is automatically discounted by 20%. Businesses with high-volume usage over 500K monthly requests should <a href="https://web.archive.org/web/20210813052646/https://cloud.google.com/contact-maps/" target="_blank" track-type="contact" track-name="sales" track-metadata-eventdetail="amIEligibleForVolumePricingDiscounts" track-metadata-position="body">contact us</a> for volume pricing discounts, enterprise-grade customer support, and/or offline contracts. </p> </dd> </div> <div class="qa-item"> <dt class="question subhead-one" id="non-profits"> Is there special pricing available for non-profits? </dt> <dd class="answer body-one"> <p>Google Maps Platform credits are available for eligible nonprofit, startup, crisis response, and news media organizations. <a href="https://web.archive.org/web/20210813052646/https://developers.google.com/maps/billing/understanding-public-programs" target="_blank" track-type="understandingPublicPrograms" track-name="linkClick" track-metadata-eventdetail="bodyFaqs">Learn how to apply</a>.</p> </dd> </div> <div class="qa-item"> <dt class="question subhead-one" id="usage"> How can existing customers understand their bill and usage? </dt> <dd class="answer body-one"> <p>See <a href="https://web.archive.org/web/20210813052646/https://developers.google.com/maps/billing/understanding-cost-of-use" target="_blank" track-type="understandingCosts2" track-name="linkClick" track-metadata-eventdetail="bodyFaqs">Google Maps Platform Billing</a> or look up your current usage in the <a href="https://web.archive.org/web/20210813052646/https://console.cloud.google.com/google/maps-apis/overview" target="_blank" track-type="cloudConsoleMapsOverview" track-name="linkClick" track-metadata-eventdetail="bodyFaqs" referrerpolicy="no-referrer-when-downgrade">Google Cloud Platform Console</a>.</p> </dd> </div> <div class="qa-item"> <dt class="question subhead-one" id="currencies"> Which currencies are available? </dt> <dd class="answer body-one"> <p>All prices are shown in USD. The price will be converted to your local currency for billing. <a href="https://web.archive.org/web/20210813052646/https://cloud.google.com/billing/docs/resources/currency" target="_blank" track-type="billingCurrency" track-name="linkClick" track-metadata-eventdetail="bodyFaqs">See a list of supported local currencies</a>.</p> </dd> </div> <div class="qa-item"> <dt class="question subhead-one" id="key"> How do I get an API key? </dt> <dd class="answer body-one"> <p>Click the <strong>Get started</strong> button and complete the flow to get your API key. Your API key will work for any of the APIs in any of the products (Maps, Routes or Places) you've enabled. You can also get an API key using the <a href="https://web.archive.org/web/20210813052646/https://console.cloud.google.com/apis/credentials" target="_blank" track-type="cloudConsoleCredentials" track-name="linkClick" track-metadata-eventdetail="bodyFaqs" referrerpolicy="no-referrer-when-downgrade">Google Cloud Platform console</a>.</p> </dd> </div> <div class="qa-item"> <dt class="question subhead-one" id="apis"> Which APIs are enabled by each product? </dt> <dd class="answer body-one"> <p>When you click the <strong>Get started</strong> button you are prompted to select one or more products (Maps, Routes, and/or Places). Each product you select enables a set of APIs. You can use as many of these APIs as you like:</p> <ul> <li> <a href="https://web.archive.org/web/20210813052646/https://developers.google.com/maps/documentation/" target="_blank" track-type="mapsDoc" track-name="linkClick" track-metadata-eventdetail="bodyFaqs">Maps</a>: Maps SDK for Android; Maps SDK for iOS; Maps JavaScript API; Maps Static API; Street View API; Maps Embed API. </li> <li> <a href="https://web.archive.org/web/20210813052646/https://developers.google.com/maps/documentation/" target="_blank" track-type="routesDoc" track-name="linkClick" track-metadata-eventdetail="bodyFaqs">Routes</a>: Maps JavaScript API, Directions API; Distance Matrix API; Roads API. </li> <li> <a href="https://web.archive.org/web/20210813052646/https://developers.google.com/maps/documentation/" target="_blank" track-type="placesDoc" track-name="linkClick" track-metadata-eventdetail="bodyFaqs">Places</a>: Places API, Places Library, Maps JavaScript API; Geocoding API; Geolocation API; Time Zone API; Elevation API. </li> </ul> </dd> </div> <div class="qa-item"> <dt class="question subhead-one" id="usecases"> What other use cases does Google Maps Platform support? </dt> <dd class="answer body-one"> <p>Please visit our <a href="https://web.archive.org/web/20210813052646/https://developers.google.com/maps/documentation/api-picker" target="_blank" track-type="apiPicker" track-name="linkClick" track-metadata-eventdetail="bodyFaqs">API Picker </a>for a list of the most common use cases, and to determine the best API for your use case. </p> </dd> </div> </dl> </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/20210813052646im_/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/20210813052646/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-position="footer" track-metadata-module="footer" track-name="choosing google cloud" track-type="footer link" track-metadata-eventdetail="cloud.google.com/why-google-cloud/" track-metadata-child_headline="why google"> Choosing Google Cloud </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-name="trust and security" track-metadata-position="footer" track-metadata-child_headline="why google" track-metadata-eventdetail="cloud.google.com/security/" track-type="footer link" track-metadata-module="footer"> Trust and security </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-type="footer link" track-metadata-position="footer" track-metadata-module="footer" track-metadata-child_headline="why google" track-metadata-eventdetail="cloud.google.com/open-cloud/" track-name="open cloud"> Open cloud </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-metadata-position="footer" track-metadata-child_headline="why google" track-metadata-eventdetail="cloud.google.com/multicloud/" track-type="footer link" track-name="multicloud"> Multicloud </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-name="global infrastructure" track-metadata-child_headline="why google" track-metadata-position="footer" track-type="footer link" track-metadata-module="footer"> Global infrastructure </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-metadata-child_headline="why google" track-metadata-position="footer" track-metadata-eventdetail="cloud.google.com/sustainability/" track-name="sustainability" track-metadata-module="footer" track-type="footer link"> Sustainability </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-metadata-module="footer" track-type="footer link" track-metadata-position="footer" track-metadata-eventdetail="cloud.google.com/customers/" track-name="customers and case studies" track-metadata-child_headline="why google"> Customers and case studies </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-metadata-position="footer" track-name="analyst reports" track-type="footer link" track-metadata-eventdetail="cloud.google.com/analyst-reports/" track-metadata-module="footer" track-metadata-child_headline="why google"> Analyst reports </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-position="footer" track-metadata-module="footer" track-metadata-eventdetail="cloud.google.com/whitepapers/" track-name="whitepapers" track-metadata-child_headline="why google" track-type="footer link"> 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/20210813052646/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-metadata-module="footer" track-name="gcp pricing" track-metadata-position="footer" track-metadata-child_headline="products and pricing" track-type="footer link"> GCP pricing </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210813052646/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-metadata-child_headline="products and pricing" track-type="footer link" track-name="google workspace pricing" track-metadata-position="footer" track-metadata-module="footer" target="_blank" track-metadata-eventdetail="workspace.google.com/pricing.html"> Google Workspace pricing </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-name="maps platform pricing" track-metadata-eventdetail="cloud.google.com/maps-platform/pricing/" track-metadata-position="footer" track-type="footer link" track-metadata-child_headline="products and pricing" track-metadata-module="footer"> Maps Platform pricing </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-child_headline="products and pricing" track-metadata-module="footer" track-name="see all products" track-type="footer link" track-metadata-eventdetail="cloud.google.com/products/" track-metadata-position="footer"> 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/20210813052646/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 1)" track-type="footer link" track-metadata-module="footer" track-metadata-child_headline="solutions" track-name="infrastructure modernization" track-metadata-position="footer" track-metadata-eventdetail="cloud.google.com/solutions/infrastructure-modernization/"> Infrastructure modernization </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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 2)" track-metadata-module="footer" track-metadata-eventdetail="cloud.google.com/solutions/databases" track-name="databases" track-metadata-child_headline="solutions" track-metadata-position="footer" track-type="footer link"> Databases </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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 3)" track-metadata-module="footer" track-type="footer link" track-metadata-eventdetail="cloud.google.com/solutions/application-modernization/" track-metadata-child_headline="solutions" track-name="application development" track-metadata-position="footer"> Application modernization </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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 4)" track-name="smart analytics" track-metadata-module="footer" track-metadata-position="footer" track-metadata-child_headline="solutions" track-metadata-eventdetail="cloud.google.com/solutions/smart-analytics/" track-type="footer link"> Smart analytics </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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 5)" track-metadata-position="footer" track-metadata-child_headline="solutions" track-metadata-module="footer" track-type="footer link" track-name="artificial intelligence" track-metadata-eventdetail="cloud.google.com/solutions/ai/"> Artificial Intelligence </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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 6)" track-metadata-child_headline="solutions" track-name="security" track-metadata-position="footer" track-metadata-module="footer" track-metadata-eventdetail="cloud.google.com/solutions/security/" track-type="footer link"> Security </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://web.archive.org/web/20210813052646/https://workspace.google.com/enterprise/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 7)" target="_blank" track-name="productivity and work transformation" track-metadata-child_headline="solutions" track-metadata-module="footer" track-type="footer link" track-metadata-position="footer" track-metadata-eventdetail="workspace.google.com/enterprise/"> Productivity & work transformation </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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 8)" track-metadata-module="footer" track-metadata-position="footer" track-metadata-eventdetail="cloud.google.com/solutions/#industry-solutions" track-type="footer link" track-name="industry solutions" track-metadata-child_headline="solutions"> Industry solutions </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/https://cloud.google.com/solutions/devops/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 9)" track-metadata-eventdetail="cloud.google.com/solutions/devops/" track-metadata-module="footer" track-type="footer link" track-metadata-position="footer" track-name="devops solutions" track-metadata-child_headline="solutions"> DevOps solutions </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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 10)" track-name="small business solutions" track-metadata-eventdetail="cloud.google.com/solutions/#role-based-solutions-smb" track-type="footer link" track-metadata-child_headline="solutions" track-metadata-module="footer" track-metadata-position="footer"> Small business solutions </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/https://cloud.google.com/solutions/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 11)" track-metadata-eventdetail="cloud.google.com/solutions/" track-metadata-position="footer" track-type="footer link" track-metadata-module="footer" track-metadata-child_headline="solutions" track-name="see all solutions"> 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/20210813052646/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-eventdetail="cloud.google.com/docs/" track-metadata-child_headline="resources" track-type="footer link" track-metadata-module="footer" track-metadata-position="footer" track-name="gcp documentation"> GCP documentation </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-metadata-module="footer" track-metadata-eventdetail="cloud.google.com/gcp/getting-started/" track-metadata-position="footer" track-metadata-child_headline="resources" track-name="gcp quickstarts" track-type="footer link"> GCP quickstarts </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-name="google cloud marketplace" track-metadata-module="footer" track-type="footer link" track-metadata-child_headline="resources" track-metadata-eventdetail="cloud.google.com/marketplace/" track-metadata-position="footer"> Google Cloud Marketplace </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210813052646/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-metadata-child_headline="resources" track-type="footer link" target="_blank" track-metadata-module="footer" track-metadata-position="footer" track-metadata-eventdetail="workspace.google.com/marketplace/" track-name="google workspace marketplace"> Google Workspace Marketplace </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/https://cloud.google.com/learn/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" track-metadata-eventdetail="learn/" track-metadata-position="footer" track-type="footer link" track-name="learn about cloud computing" track-metadata-child_headline="resources" track-metadata-module="footer"> Learn about cloud computing </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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 6)" track-metadata-child_headline="resources" track-metadata-module="footer" track-type="footer link" track-metadata-eventdetail="cloud.google.com/support-hub/" track-metadata-position="footer" track-name="support"> Support </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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 7)" track-type="footer link" track-metadata-child_headline="resources" track-name="code samples" track-metadata-module="footer" track-metadata-position="footer" track-metadata-eventdetail="cloud.google.com/docs/samples"> Code samples </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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 8)" track-metadata-child_headline="resources" track-type="footer link" track-metadata-eventdetail="cloud.google.com/docs/tutorials/" track-metadata-position="footer" track-name="tutorials" track-metadata-module="footer"> Tutorials </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/https://cloud.google.com/training/" 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-name="training" track-metadata-eventdetail="cloud.google.com/training/" track-metadata-child_headline="resources"> Training </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/https://cloud.google.com/certification" 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-metadata-eventdetail="cloud.google.com/certification" track-name="certifications" track-metadata-child_headline="resources" track-type="footer link" track-metadata-module="footer"> Certifications </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210813052646/https://developers.google.com/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 11)" target="_blank" track-type="footer link" track-name="google developers" track-metadata-eventdetail="developers.google.com" track-metadata-position="footer" track-metadata-module="footer" track-metadata-child_headline="resources"> Google Developers </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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 12)" track-metadata-eventdetail="cloud.google.com/developers/startups/" track-metadata-module="footer" track-name="google cloud for startups" track-type="footer link" track-metadata-child_headline="resources" track-metadata-position="footer"> Google Cloud for Startups </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210813052646/https://status.cloud.google.com/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 13)" track-metadata-position="footer" track-metadata-child_headline="resources" track-name="system status" track-type="footer link" target="_blank" track-metadata-module="footer" track-metadata-eventdetail="status.cloud.google.com"> System status </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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 14)" track-metadata-position="footer" track-type="footer link" track-name="release notes" track-metadata-module="footer" track-metadata-child_headline="resources" track-metadata-eventdetail="cloud.google.com/release-notes/"> 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/20210813052646/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-position="footer" track-metadata-module="footer" track-type="footer link" track-name="contact sales" track-metadata-child_headline="engage" track-metadata-eventdetail="cloud.google.com/contact/"> Contact sales </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210813052646/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-name="find a partner" target="_blank" track-metadata-child_headline="engage" track-metadata-position="footer" track-metadata-module="footer" track-metadata-eventdetail="cloud.withgoogle.com/partners" track-type="footer link"> Find a Partner </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-name="become a partner" track-type="footer link" track-metadata-child_headline="engage" track-metadata-position="footer" track-metadata-eventdetail="cloud.google.com/partners/become-a-partner/"> Become a Partner </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-eventdetail="cloud.google.com/blog/" track-name="blog" track-metadata-position="footer" track-metadata-module="footer" track-metadata-child_headline="engage"> Blog </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-type="footer link" track-metadata-module="footer" track-metadata-position="footer" track-name="events" track-metadata-child_headline="engage" track-metadata-eventdetail="cloud.withgoogle.com/events"> Events </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210813052646/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-type="footer link" track-name="podcast" track-metadata-module="footer" target="_blank" rel="noopener" track-metadata-child_headline="engage" track-metadata-eventdetail="www.gcppodcast.com"> Podcast </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/https://cloud.google.com/developers/" 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-metadata-module="footer" track-metadata-eventdetail="cloud.google.com/developers/" track-name="developer center" track-metadata-position="footer" track-type="footer link"> Developer Center </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210813052646/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-type="footer link" track-metadata-child_headline="engage" track-metadata-position="footer" track-name="press center" track-metadata-eventdetail="cloud.google.com/press/" track-metadata-module="footer"> Press center </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210813052646/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)" target="_blank" track-metadata-eventdetail="www.youtube.com/googlecloud" track-name="google cloud on youtube" track-metadata-child_headline="engage" track-metadata-module="footer" track-metadata-position="footer" track-type="footer link" rel="noopener"> Google Cloud on YouTube </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210813052646/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)" target="_blank" track-metadata-module="footer" track-name="google cloud tech on youtube" track-type="footer link" rel="noopener" track-metadata-eventdetail="www.youtube.com/googlecloudplatform" track-metadata-position="footer" track-metadata-child_headline="engage"> Google Cloud Tech on YouTube </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210813052646/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-metadata-eventdetail="www.youtube.com/googleworkspace/" track-metadata-child_headline="engage" track-name="google workspace on YouTube" target="_blank" track-metadata-module="footer" track-type="footer link" rel="noopener" track-metadata-position="footer"> Google Workspace on YouTube </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210813052646/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" target="_blank" track-metadata-module="footer" track-metadata-child_headline="engage" track-type="footer link" rel="noopener" track-metadata-eventdetail="twitter.com/googlecloud" track-metadata-position="footer"> Follow on Twitter </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210813052646/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-name="join user research" track-metadata-module="footer" target="_blank" track-metadata-position="footer" track-type="footer link" track-metadata-child_headline="engage" 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"> Join User Research </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210813052646/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-child_headline="engage" track-metadata-position="footer" target="_blank" track-type="footer link" track-name="we are hiring join google cloud" track-metadata-eventdetail="careers.google.com/cloud" track-metadata-module="footer"> 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/20210813052646/https://about.google/" data-category="Site-Wide Custom Events" data-label="Footer About Google link" track-metadata-module="utility footer" target="_blank" track-metadata-eventdetail="//about.google/" track-type="footer link" track-metadata-position="footer" track-name="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/20210813052646/https://policies.google.com/privacy" data-category="Site-Wide Custom Events" data-label="Footer Privacy link" track-metadata-eventdetail="//policies.google.com/privacy" track-metadata-position="footer" track-name="privacy" track-metadata-module="utility footer" track-type="footer link" target="_blank"> Privacy </a> </li> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="//web.archive.org/web/20210813052646/https://www.google.com/intl/en/policies/terms/regional.html" data-category="Site-Wide Custom Events" data-label="Footer Site terms link" track-metadata-module="utility footer" target="_blank" track-metadata-position="footer" track-name="site terms" track-metadata-eventdetail="//www.google.com/intl/en/policies/terms/regional.html" track-type="footer link"> Site terms </a> </li> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="/web/20210813052646/https://cloud.google.com/product-terms/" data-category="Site-Wide Custom Events" data-label="Footer Google Cloud terms link" track-type="footer link" track-name="google cloud terms" track-metadata-position="footer" track-metadata-eventdetail="/product-terms/" track-metadata-module="utility footer"> 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/20210813052646/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-metadata-position="footer" track-metadata-module="utility footer" track-metadata-eventdetail="/sustainability/" track-type="footer link"> 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/20210813052646/https://cloud.google.com/newsletter/" data-category="Site-Wide Custom Events" data-label="Footer Subscribe link" track-name="subscribe" track-metadata-module="utility footer" track-type="footer link" track-metadata-position="footer" track-metadata-eventdetail="/newsletter/"> 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" lang="es" track-metadata-original-language="en" track-metadata-selected-language="es" track-name="changed" track-type="languageSelector"> Español </option> <option value="es_419" lang="es_419" track-metadata-original-language="en" track-metadata-selected-language="es_419" track-name="changed" track-type="languageSelector"> Español – América Latina </option> <option value="fr" lang="fr" track-metadata-original-language="en" track-metadata-selected-language="fr" track-name="changed" track-type="languageSelector"> Français </option> <option value="it" lang="it" track-metadata-original-language="en" track-metadata-selected-language="it" track-name="changed" track-type="languageSelector"> Italiano </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="zh_tw" lang="zh_tw" track-metadata-original-language="en" track-metadata-selected-language="zh_tw" track-name="changed" track-type="languageSelector"> 中文 – 繁體 </option> <option value="ja" lang="ja" track-metadata-original-language="en" track-metadata-selected-language="ja" track-name="changed" track-type="languageSelector"> 日本語 </option> <option value="ko" lang="ko" track-metadata-original-language="en" track-metadata-selected-language="ko" track-name="changed" track-type="languageSelector"> 한국어 </option> </select> </devsite-select> </devsite-language-selector> </nav> </div> </devsite-footer-utility> <devsite-panel></devsite-panel> </section></section> <devsite-sitemask></devsite-sitemask> <devsite-snackbar></devsite-snackbar> <devsite-tooltip></devsite-tooltip> <devsite-heading-link></devsite-heading-link> <devsite-analytics enable-analytics-iframe> <script type="application/json" analytics>[]</script> <script type="application/json" gtm>{"parameters": {"freeTrialEligibleUser": "True", "internalUser": "False", "language": {"machineTranslated": "False", "requested": "en", "served": "en"}, "pageType": "marketing", "projectName": "Google Maps Platform", "signedIn": "False", "tenant": "cloud", "recommendations": {"sourcePage": "", "sourceType": 0, "sourceRank": 0, "sourceIdenticalDescriptions": 0, "sourceTitleWords": 0, "sourceDescriptionWords": 0, "experiment": ""}}, "tags": ["GTM-5CVQBG"]}</script> </devsite-analytics> <devsite-badger></devsite-badger> <cloudx-user></cloudx-user> <script nonce="sMq3NBxxr6kXWVM6aSfLEysIIo5tYI"> (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/20210813052646/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/cloud/js/app_loader.js', '[2,"en",null,"/js/devsite_app_module.js","https://web.archive.org/web/20210813052646/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e","https://web.archive.org/web/20210813052646/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/cloud","https://web.archive.org/web/20210813052646/https://cloud-dot-devsite-v2-prod.appspot.com",1,null,["/_pwa/cloud/manifest.json","https://web.archive.org/web/20210813052646/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/images/video-placeholder.svg","https://web.archive.org/web/20210813052646/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/cloud/images/favicons/onecloud/favicon.ico","https://web.archive.org/web/20210813052646/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/cloud/images/cloud-logo.svg","https://web.archive.org/web/20210813052646/https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"],1,null,[1,6,8,12,14,17,21,25,40,50,63,70,75,76,80,87,88,91,92,93,97,98,100,101,102,103,104,105,107,108,111,112,113,115,117,118,120,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,138,147,148,151],"AIzaSyAP-jjEJBzmIyKR4F-3XITp8yM9T1gEEI8","AIzaSyB6xiKGDR5O3Ak2okS4rLkauxGUG7XP0hg"]') </script> <devsite-a11y-announce></devsite-a11y-announce> </body> </html>

CINXE.COM

Pricing & Plans | Google Maps Platform | Google Cloud