CINXE.COM

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Blog: Discover Elton and Los Angeles history using Google Maps Platform – Google Maps Platform</title> <meta name="description"> <link href="https://mapsplatform.google.com/resources/blog/discover-elton-and-los-angeles-history-using-google-maps-platform/" rel="canonical"> <meta content="no-referrer-when-downgrade" name="referrer"> <meta content="https://mapsplatform.google.com/resources/blog/discover-elton-and-los-angeles-history-using-google-maps-platform/" property="og:url"> <meta property="og:title"> <meta property="og:description"> <meta content="Google Maps Platform" property="og:site_name"> <meta content="website" property="og:type"> <meta content="en" property="og:locale"> <meta content="summary" name="twitter:card"> <meta name="twitter:description"> <meta name="twitter:title"> <link href="/static/images/favicon.ico" rel="shortcut icon"> <link href="/static/images/gmp_favicon_512px_2x.png" sizes="180x180" rel="apple-touch-icon-precomposed"> <link href="/static/images/gmp_favicon_32px_2x.png" sizes="32x32" rel="icon"> <link href="/static/images/gmp_favicon_16px_2x.png" sizes="16x16" rel="icon"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="true"> <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin="true"> <link rel="preload" href="https://fonts.googleapis.com/css?family=Google+Sans+Display:400,500,600,700|Google+Sans:400,500,600,700|Google+Sans+Text:400,500,600,700|Material+Icons&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'" nonce="vZ4flr4FkK_ms-J9qsMt8g"> <script nonce="vZ4flr4FkK_ms-J9qsMt8g"> function glueCookieNotificationBarLoaded() { (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-WW5SPNH'); }; </script> <script src="https://www.googleoptimize.com/optimize.js?id=OPT-WH5QHH8" nonce="vZ4flr4FkK_ms-J9qsMt8g"></script> <script nonce="vZ4flr4FkK_ms-J9qsMt8g"> window.dataLayer = [{ experimentID: "", experimentName: "[]", }]; window.dataLayer.push({ 'optimize.whitelist': { 'yhajGzd6S4aPT9TkuAkrjg': 'sha256-61b965e84307f1465f18bdfb7209cd9eba6986c600854b1360372e9e85e24e53', } }); </script> <link rel="stylesheet" href="/assets/PlAh5rqa.css" nonce="vZ4flr4FkK_ms-J9qsMt8g"> <script type="module" src="/assets/A-T_IulN.min.js" nonce="vZ4flr4FkK_ms-J9qsMt8g"></script> </head> <body> <script src="https://www.gstatic.com/external_hosted/lottie_player/lottie_player_binary-bundle.js" defer="defer" nonce="vZ4flr4FkK_ms-J9qsMt8g"></script> <div> <div class="main"> <a href="#main" class="skip-to-content">Skip to content</a> <header class="header"> <div class="header__top"> <div class="header__container"> <div class="header__lockup"> <button class="header__menu-button" tabindex="0" title="Open the navigation drawer" menu-open> <img loading="lazy" src="/static/images/icons/menu.svg" width="24" height="24" alt="" role="presentation"> </button> <a class="link" href="/" aria-label="Google Maps Platform" data-category="globalNav" data-action="linkClick" data-label="navGMPHome"> <img loading="lazy" src="https://fonts.gstatic.com/s/i/productlogos/maps/v7/192px.svg" width="36" height="36" title="Google Maps Platform" alt="Google Maps Platform"> <span class="link__label"><span>Google</span> Maps Platform</span> </a> </div> <div class="header__nav header__nav--desktop"> <div class="header__nav__item"> <a class="link" href="/why-google/" data-category="globalNav" data-action="linkClick" data-label="navWhyGoogle"><span class="link__label">Why Google</span> </a> </div> <details class="header__nav__item header__nav__item--has-subnav"> <summary opens-subnav="products" tabindex="0" role="button"> Products </summary> <details-dialog> <div class="header__nav__subnav header__nav__subnav--columns" subnav-id="products"> <div class="header__nav__subnav__meta"> <div class="header__nav__subnav__meta__content"> <button class="header__nav__subnav__back-button" tabindex="0" title="Go back" closes-subnav="products"> <img loading="lazy" src="/static/images/icons/menu-arrow.svg" width="16" height="16" alt="" role="presentation"> </button> <div class="header__nav__subnav__title"> Products </div> <div class="header__nav__subnav__body"> Discover the APIs and SDKs available to create tailored maps for your business. </div> </div> <div class="header__nav__subnav__meta__cta"> <div class="header__nav__subnav__button laptop-desktop-only"> <a class="button laptop-desktop-only button--medium" href="/maps-products/" data-category="globalNav" data-action="buttonClick" data-label="productsTabSeeAllProducts"> See all products </a> </div> <div class="header__nav__subnav__button mobile-tablet-only"> <a class="button mobile-tablet-only button--medium" href="/maps-products/" data-category="globalNav" data-action="buttonClick" data-label="productsTabSeeAllProducts"> All products </a> </div> </div> </div> <div class="header__nav__subnav__links-wrap"> <div class="header__nav__subnav__links"> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__icon"> <img loading="lazy" src="/static/images/icons/header/NAV_Products_Supernav_Icon_01-Maps.svg" width="34" height="32" alt="" role="presentation"> </div> <div class="header__nav__subnav__items__group__title"> Maps </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/aerial-view/" data-category="globalNav" data-action="linkClick" data-label="productsTabAerialView"><span class="link__label">Aerial View</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/aerial-view/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAerialViewAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/dynamic-maps/" data-category="globalNav" data-action="linkClick" data-label="productsTabDynamicMaps"><span class="link__label">Dynamic Maps</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicMapsJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/android-sdk/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicMapsAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/ios-sdk/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicMapsiOS"><span class="link__label">iOS</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#dynamic-street-view" data-category="globalNav" data-action="linkClick" data-label="productsTabDynamicStreetView"><span class="link__label">Dynamic Street View</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/streetview" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicStreetViewJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/android-sdk/streetview" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicStreetViewAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/ios-sdk/streetview" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicStreetViewiOS"><span class="link__label">iOS</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#elevation" data-category="globalNav" data-action="linkClick" data-label="productsTabElevation"><span class="link__label">Elevation</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/elevation/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickElevationAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/map-tiles/" data-category="globalNav" data-action="linkClick" data-label="productsTabMapTiles"><span class="link__label">Map Tiles</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/tile" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickMapTilesAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#maps-datasets" data-category="globalNav" data-action="linkClick" data-label="productsTabMapsDatasets"><span class="link__label">Maps Datasets</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/datasets" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickMapsDatasetsAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#embed" data-category="globalNav" data-action="linkClick" data-label="productsTabEmbed"><span class="link__label">Maps Embed</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/embed/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickEmbedAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#static-maps" data-category="globalNav" data-action="linkClick" data-label="productsTabStaticMaps"><span class="link__label">Static Maps</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/maps-static/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickStaticMapsAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#static-street-view" data-category="globalNav" data-action="linkClick" data-label="productsTabStaticStreetView"><span class="link__label">Static Street View</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/streetview/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickStaticStreetViewAPI"><span class="link__label">API</span> </a> </div> </div> </div> </div> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__icon"> <img loading="lazy" src="/static/images/icons/header/NAV_Products_Supernav_Icon_02-Routes.svg" width="32" height="32" alt="" role="presentation"> </div> <div class="header__nav__subnav__items__group__title"> Routes </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/routes/" data-category="globalNav" data-action="linkClick" data-label="productsTabComputeRoutes"><span class="link__label">Compute Routes</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/routes" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickComputeRoutesAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/routes/" data-category="globalNav" data-action="linkClick" data-label="productsTabComputeRoutesMatrix"><span class="link__label">Compute Routes Matrix</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/routes" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickComputeRoutesMatrixAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#directions" data-category="globalNav" data-action="linkClick" data-label="productsTabDirections"><span class="link__label">Directions</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/directions" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDirectionsJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/directions/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDirectionsAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#distance-matrix" data-category="globalNav" data-action="linkClick" data-label="productsTabDistanceMatrix"><span class="link__label">Distance Matrix</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/distancematrix" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDistanceMatrixJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/distance-matrix/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDistanceMatrixAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/navigation-sdk/" data-category="globalNav" data-action="linkClick" data-label="productsTabNavigationSDK"><span class="link__label">Navigation SDK</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/navigation/android-sdk" target="_blank" data-category="globalNav" data-action="linkClick" data-label="docClickNavigationSDKAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/navigation/ios-sdk" target="_blank" data-category="globalNav" data-action="linkClick" data-label="docClickNavigationSDKiOS"><span class="link__label">iOS</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#roads" data-category="globalNav" data-action="linkClick" data-label="productsTabRoads"><span class="link__label">Roads</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/roads/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickRoadsAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#route-opt" data-category="globalNav" data-action="linkClick" data-label="productsTabRouteOptimization"><span class="link__label">Route Optimization</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/route-optimization" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickRouteOptimizationAPI"><span class="link__label">API</span> </a> </div> </div> </div> </div> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__icon"> <img loading="lazy" src="/static/images/icons/header/NAV_Products_Supernav_Icon_03-Places.svg" width="23" height="33" alt="" role="presentation"> </div> <div class="header__nav__subnav__items__group__title"> Places </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/address-validation/" data-category="globalNav" data-action="linkClick" data-label="productsTabAddressValidation"><span class="link__label">Address Validation</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/address-validation" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAddressValidationAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/places/" data-category="globalNav" data-action="linkClick" data-label="productsTabAutocomplete"><span class="link__label">Autocomplete</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/places/web-service/autocomplete" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAutocompleteAPI"><span class="link__label">API</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/javascript/place-autocomplete-data" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAutocompleteJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/android-sdk/place-autocomplete" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAutocompleteAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/ios-sdk/place-autocomplete" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAutocompleteiOS"><span class="link__label">iOS</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#geocoding" data-category="globalNav" data-action="linkClick" data-label="productsTabGeocoding"><span class="link__label">Geocoding</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/geocoding" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickGeocodingJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/geocoding/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickGeocodingAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#geolocation" data-category="globalNav" data-action="linkClick" data-label="productsTabGeolocation"><span class="link__label">Geolocation</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/geolocation/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickGeolocationAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/places/" data-category="globalNav" data-action="linkClick" data-label="productsTabNearbySearch"><span class="link__label">Nearby Search</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/nearby-search" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickNearbySearchJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/web-service/nearby-search" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickNearbySearchAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/places/" data-category="globalNav" data-action="linkClick" data-label="productsTabPlacesDetails"><span class="link__label">Place Details</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/place-details" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesDetailsJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/android-sdk/place-details" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesDetailsAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/ios-sdk/place-details" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesDetailsiOS"><span class="link__label">iOS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/web-service/place-details" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesDetailsAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/places/" data-category="globalNav" data-action="linkClick" data-label="productsTabPlacesPhotos"><span class="link__label">Place Photos</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/places/android-sdk/photos" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesPhotosAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/ios-sdk/photos" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesPhotosiOS"><span class="link__label">iOS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/web-service/place-photos" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesPhotosAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/places/" data-category="globalNav" data-action="linkClick" data-label="productsTabTextSearch"><span class="link__label">Text Search</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/place-search" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickTextSearchJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/web-service/text-search" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickTextSearchAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#time-zone" data-category="globalNav" data-action="linkClick" data-label="productsTabTimeZone"><span class="link__label">Time Zone</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/timezone/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickTimeZoneAPI"><span class="link__label">API</span> </a> </div> </div> </div> </div> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__icon"> <img loading="lazy" src="/static/images/icons/header/NAV_Products_Supernav_Icon_04-Environment.svg" width="23" height="33" alt="" role="presentation"> </div> <div class="header__nav__subnav__items__group__title"> Environment </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/air-quality/" data-category="globalNav" data-action="linkClick" data-label="productsTabAirQuality"><span class="link__label">Air Quality</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/air-quality" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAirQualityAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/pollen/" data-category="globalNav" data-action="linkClick" data-label="productsTabPollen"><span class="link__label">Pollen</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/pollen" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPollenAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/solar/" data-category="globalNav" data-action="linkClick" data-label="productsTabSolar"><span class="link__label">Solar</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/solar" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickSolarAPI"><span class="link__label">API</span> </a> </div> </div> </div> </div> </div> </div> </div> </details-dialog> </details> <details class="header__nav__item header__nav__item--mobile-subnav-disabled header__nav__item--has-subnav"> <summary opens-subnav="solutions" tabindex="0" role="button"> Solutions </summary> <details-dialog> <div class="header__nav__subnav header__nav__subnav--rows" subnav-id="solutions"> <div class="header__nav__subnav__meta"> <div class="header__nav__subnav__meta__content"> <button class="header__nav__subnav__back-button" tabindex="0" title="Go back" closes-subnav="solutions"> <img loading="lazy" src="/static/images/icons/menu-arrow.svg" width="16" height="16" alt="" role="presentation"> </button> <div class="header__nav__subnav__title"> Solutions </div> <div class="header__nav__subnav__body"> Find the right combination of products for what you’re looking to achieve. </div> <div class="header__nav__subnav__blurb"> Wondering where to start? </div> </div> <div class="header__nav__subnav__meta__cta"> <div class="header__nav__subnav__button header__nav__subnav__button--alt-margin"> <a class="button button--medium" href="/resources/solution-finder/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabSolutionFinder"> Find your solution </a> </div> </div> </div> <div class="header__nav__subnav__links-wrap"> <div class="header__nav__subnav__links"> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__title"> By industry </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/retail/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabRetail"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_01-Retail.svg" width="27" height="27" alt="" role="presentation"> <span class="link__label">Retail</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/transportation-and-logistics/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabTransLog"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_02-TransLogistics.svg" width="35" height="25" alt="" role="presentation"> <span class="link__label">Transportation & Logistics</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/financial-services/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabFinServ"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_03-FinServ.svg" width="27" height="28" alt="" role="presentation"> <span class="link__label">Financial Services</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/real-estate/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabRealEstate"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_04-RealEstate.svg" width="27" height="28" alt="" role="presentation"> <span class="link__label">Real Estate</span> </a> </div> </div> </div> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__title"> By use case </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/display-the-ideal-location/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabFindIdealLocation"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_01-FindLocation.svg" width="25" height="26" alt="" role="presentation"> <span class="link__label">Display the Ideal Location</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/visualize-data/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabVisualGeo"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_02-VisGeospatialData.svg" width="26" height="27" alt="" role="presentation"> <span class="link__label">Visualize Geospatial Data</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/provide-local-information/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabProvideLocalInfo"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_03-ProvideLocalInfo.svg" width="22" height="29" alt="" role="presentation"> <span class="link__label">Provide Local Information</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/enable-asset-tracking/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEnableAssestTrack"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_04-EnableAssetTracking.svg" width="30" height="32" alt="" role="presentation"> <span class="link__label">Enable Asset Tracking</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/offer-efficient-routes/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEfficientRoutes"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_05-OfferEfficientRoutes.svg" width="26" height="27" alt="" role="presentation"> <span class="link__label">Offer Efficient Routes</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/build-immersive-experiences/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabBuildImmersive"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_06-BuildInteractiveExp.svg" width="25" height="24" alt="" role="presentation"> <span class="link__label">Build Immersive Experiences</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/improve-addresses/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabAddressEntry"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_07-SimplifyAddressEntry.svg" width="22" height="29" alt="" role="presentation"> <span class="link__label">Improve Addresses</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/enrich-transactions/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEnrichTrans"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_08-EnrichTransactions.svg" width="34" height="23" alt="" role="presentation"> <span class="link__label">Enrich Transactions</span> </a> </div> </div> </div> </div> </div> </div> </details-dialog> </details> <details class="header__nav__item header__nav__item--only-mobile header__nav__item--has-subnav"> <summary opens-subnav="by-industry" tabindex="0" role="button"> By industry </summary> <details-dialog> <div class="header__nav__subnav header__nav__subnav--rows" subnav-id="by-industry"> <div class="header__nav__subnav__meta"> <div class="header__nav__subnav__meta__content"> <button class="header__nav__subnav__back-button" tabindex="0" title="Go back" closes-subnav="by-industry"> <img loading="lazy" src="/static/images/icons/menu-arrow.svg" width="16" height="16" alt="" role="presentation"> </button> <div class="header__nav__subnav__title"> Solutions By Industry </div> <div class="header__nav__subnav__body"> </div> </div> <div class="header__nav__subnav__meta__cta"> </div> </div> <div class="header__nav__subnav__links-wrap"> <div class="header__nav__subnav__links"> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/retail/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabRetail"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_01-Retail.svg" width="27" height="27" alt="" role="presentation"> <span class="link__label">Retail</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/transportation-and-logistics/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabTransLog"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_02-TransLogistics.svg" width="35" height="25" alt="" role="presentation"> <span class="link__label">Transportation & Logistics</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/financial-services/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabFinServ"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_03-FinServ.svg" width="27" height="28" alt="" role="presentation"> <span class="link__label">Financial Services</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/real-estate/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabRealEstate"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_04-RealEstate.svg" width="27" height="28" alt="" role="presentation"> <span class="link__label">Real Estate</span> </a> </div> </div> </div> </div> </div> </details-dialog> </details> <details class="header__nav__item header__nav__item--only-mobile header__nav__item--has-subnav"> <summary opens-subnav="by-use-case" tabindex="0" role="button"> By use case </summary> <details-dialog> <div class="header__nav__subnav header__nav__subnav--rows" subnav-id="by-use-case"> <div class="header__nav__subnav__meta"> <div class="header__nav__subnav__meta__content"> <button class="header__nav__subnav__back-button" tabindex="0" title="Go back" closes-subnav="by-use-case"> <img loading="lazy" src="/static/images/icons/menu-arrow.svg" width="16" height="16" alt="" role="presentation"> </button> <div class="header__nav__subnav__title"> By use case </div> <div class="header__nav__subnav__body"> </div> </div> <div class="header__nav__subnav__meta__cta"> </div> </div> <div class="header__nav__subnav__links-wrap"> <div class="header__nav__subnav__links"> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/display-the-ideal-location/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabFindIdealLocation"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_01-FindLocation.svg" width="25" height="26" alt="" role="presentation"> <span class="link__label">Display the Ideal Location</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/visualize-data/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabVisualGeo"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_02-VisGeospatialData.svg" width="26" height="27" alt="" role="presentation"> <span class="link__label">Visualize Geospatial Data</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/provide-local-information/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabProvideLocalInfo"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_03-ProvideLocalInfo.svg" width="22" height="29" alt="" role="presentation"> <span class="link__label">Provide Local Information</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/enable-asset-tracking/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEnableAssestTrack"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_04-EnableAssetTracking.svg" width="30" height="32" alt="" role="presentation"> <span class="link__label">Enable Asset Tracking</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/offer-efficient-routes/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEfficientRoutes"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_05-OfferEfficientRoutes.svg" width="26" height="27" alt="" role="presentation"> <span class="link__label">Offer Efficient Routes</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/build-immersive-experiences/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabBuildImmersive"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_06-BuildInteractiveExp.svg" width="25" height="24" alt="" role="presentation"> <span class="link__label">Build Immersive Experiences</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/improve-addresses/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabAddressEntry"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_07-SimplifyAddressEntry.svg" width="22" height="29" alt="" role="presentation"> <span class="link__label">Improve Addresses</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/enrich-transactions/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEnrichTrans"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_08-EnrichTransactions.svg" width="34" height="23" alt="" role="presentation"> <span class="link__label">Enrich Transactions</span> </a> </div> </div> </div> </div> </div> </details-dialog> </details> <div class="header__nav__item"> <a class="link" href="/pricing/" data-category="globalNav" data-action="linkClick" data-label="navPricing"><span class="link__label">Pricing</span> </a> </div> <details class="header__nav__item header__nav__item--has-subnav"> <summary opens-subnav="resources" tabindex="0" role="button"> Resources </summary> <details-dialog> <div class="header__nav__subnav header__nav__subnav--rows" subnav-id="resources"> <div class="header__nav__subnav__meta"> <div class="header__nav__subnav__meta__content"> <button class="header__nav__subnav__back-button" tabindex="0" title="Go back" closes-subnav="resources"> <img loading="lazy" src="/static/images/icons/menu-arrow.svg" width="16" height="16" alt="" role="presentation"> </button> <div class="header__nav__subnav__title"> Resources </div> <div class="header__nav__subnav__body"> Check out more info to help you get to know Google Maps Platform better. </div> </div> <div class="header__nav__subnav__meta__cta"> </div> </div> <div class="header__nav__subnav__links-wrap"> <div class="header__nav__subnav__links"> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link link--external" href="https://developers.google.com/maps/documentation" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="resourcesTabDocumentation"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_00-Documentation.svg" width="30" height="30" alt="" role="presentation"> <span class="link__label">Documentation</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/solution-finder/" aria-label="Click to visit the Solution Finder page" data-category="globalNav" data-action="linkClick" data-label="resourcesTabSolutionFinder"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Icon_SolutionsFinder.svg" width="30" height="30" alt="" role="presentation"> <span class="link__label">Solution Finder</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/demo-gallery/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabCustomizationGallery"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_00-Customization-Gallery.svg" width="30" height="30" alt="" role="presentation"> <span class="link__label">Demo Gallery</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/quick-builder/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabQuickBuilder"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_06-QuickBuilder.svg" width="30" height="30" alt="" role="presentation"> <span class="link__label">Quick Builder</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/blog/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabBlog"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_02-Blog.svg" width="30" height="30" alt="" role="presentation"> <span class="link__label">Blog</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/customer-stories/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabCustomerStories"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_01-Customer-Stories.svg" width="32" height="27" alt="" role="presentation"> <span class="link__label">Customer Stories</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link link--external" href="https://cloud.google.com/find-a-partner/?products=Google%20Maps%20Platform" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="resourcesTabPartnerDirectory"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_01-Partner-Directory.svg" width="32" height="30" alt="" role="presentation"> <span class="link__label">Partner Directory</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/impact-calculator/" data-category="globalNav" data-action="linkClick" data-label="resourcesImpactCalculator"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_07-ImpactCalculator.svg" width="32" height="30" alt="" role="presentation"> <span class="link__label">Impact Calculator</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link link--external" href="https://mapsonair.withgoogle.com/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="resourcesTabWebinars"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_04-Webinars.svg" width="32" height="25" alt="" role="presentation"> <span class="link__label">Webinars</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/whitepapers/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabWhitepapers"> <img loading="lazy" src="/static/images/icons/header/Nav_Resources_Supernav_Icon_08-whitepapers.svg" width="24" height="27" alt="" role="presentation"> <span class="link__label">Whitepapers</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/trust-center/" data-category="globalNav" data-action="linkClick" data-label="resourcesTrustCenter"> <img loading="lazy" src="/static/images/icons/header/Nav_Resources_Supernav_Icon_09-trust-center.svg" width="24" height="27" alt="" role="presentation"> <span class="link__label">Trust Center</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link link--external" href="https://developers.google.com/maps/architecture" aria-label="Discover use cases and architectures to help build apps with Google Maps Platform." target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="resourcesTabArchitectureCenter"> <img loading="lazy" src="/static/images/icons/header/Nav_Resources_Supernav_Icon_10-architecture-center.svg" width="24" height="27" alt="" role="presentation"> <span class="link__label">Architecture Center</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="https://mapsplatform.google.com/women-techmakers/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabWomenTechmakers"> <img loading="lazy" src="/static/images/icons/header/Nav_Resources_Supernav_Icon_11-women-techmakers.svg" width="24" height="27" alt="" role="presentation"> <span class="link__label">Women Techmakers</span> </a> </div> </div> </div> </div> </div> </details-dialog> </details> </div> <div class="header__aside"> <div class="header__aside__buttons header__aside__buttons--group2"> <div class="header__aside__button"> <a class="button button--medium" href="/contact-us/" data-append-utm data-category="globalNav" data-action="mapsCta" data-label="contactSalesMaps"> Contact sales </a> </div> <div class="header__aside__button"> <a class="button" href="https://console.cloud.google.com/google/maps-apis/start?ref=https://mapsplatform.google.com" target="_blank" rel="noopener" aria-label="Visit cloud console to get started" data-append-utm data-category="globalNav" data-action="mapsCta" data-label="getStartedNav"> Get started </a> </div> </div> </div> </div> </div> <div class="header__bottom"> <div class="header__container"> <div class="header__nav"> <div class="header__nav__item"> <a class="link" href="/why-google/" data-category="globalNav" data-action="linkClick" data-label="navWhyGoogle"><span class="link__label">Why Google</span> </a> </div> <details class="header__nav__item header__nav__item--has-subnav"> <summary opens-subnav="products" tabindex="0" role="button"> Products </summary> <details-dialog> <div class="header__nav__subnav header__nav__subnav--columns" subnav-id="products"> <div class="header__nav__subnav__meta"> <div class="header__nav__subnav__meta__content"> <button class="header__nav__subnav__back-button" tabindex="0" title="Go back" closes-subnav="products"> <img loading="lazy" src="/static/images/icons/menu-arrow.svg" width="16" height="16" alt="" role="presentation"> </button> <div class="header__nav__subnav__title"> Products </div> <div class="header__nav__subnav__body"> Discover the APIs and SDKs available to create tailored maps for your business. </div> </div> <div class="header__nav__subnav__meta__cta"> <div class="header__nav__subnav__button laptop-desktop-only"> <a class="button laptop-desktop-only button--medium" href="/maps-products/" data-category="globalNav" data-action="buttonClick" data-label="productsTabSeeAllProducts"> See all products </a> </div> <div class="header__nav__subnav__button mobile-tablet-only"> <a class="button mobile-tablet-only button--medium" href="/maps-products/" data-category="globalNav" data-action="buttonClick" data-label="productsTabSeeAllProducts"> All products </a> </div> </div> </div> <div class="header__nav__subnav__links-wrap"> <div class="header__nav__subnav__links"> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__icon"> <img loading="lazy" src="/static/images/icons/header/NAV_Products_Supernav_Icon_01-Maps.svg" width="34" height="32" alt="" role="presentation"> </div> <div class="header__nav__subnav__items__group__title"> Maps </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/aerial-view/" data-category="globalNav" data-action="linkClick" data-label="productsTabAerialView"><span class="link__label">Aerial View</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/aerial-view/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAerialViewAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/dynamic-maps/" data-category="globalNav" data-action="linkClick" data-label="productsTabDynamicMaps"><span class="link__label">Dynamic Maps</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicMapsJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/android-sdk/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicMapsAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/ios-sdk/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicMapsiOS"><span class="link__label">iOS</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#dynamic-street-view" data-category="globalNav" data-action="linkClick" data-label="productsTabDynamicStreetView"><span class="link__label">Dynamic Street View</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/streetview" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicStreetViewJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/android-sdk/streetview" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicStreetViewAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/ios-sdk/streetview" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicStreetViewiOS"><span class="link__label">iOS</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#elevation" data-category="globalNav" data-action="linkClick" data-label="productsTabElevation"><span class="link__label">Elevation</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/elevation/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickElevationAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/map-tiles/" data-category="globalNav" data-action="linkClick" data-label="productsTabMapTiles"><span class="link__label">Map Tiles</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/tile" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickMapTilesAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#maps-datasets" data-category="globalNav" data-action="linkClick" data-label="productsTabMapsDatasets"><span class="link__label">Maps Datasets</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/datasets" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickMapsDatasetsAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#embed" data-category="globalNav" data-action="linkClick" data-label="productsTabEmbed"><span class="link__label">Maps Embed</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/embed/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickEmbedAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#static-maps" data-category="globalNav" data-action="linkClick" data-label="productsTabStaticMaps"><span class="link__label">Static Maps</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/maps-static/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickStaticMapsAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#static-street-view" data-category="globalNav" data-action="linkClick" data-label="productsTabStaticStreetView"><span class="link__label">Static Street View</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/streetview/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickStaticStreetViewAPI"><span class="link__label">API</span> </a> </div> </div> </div> </div> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__icon"> <img loading="lazy" src="/static/images/icons/header/NAV_Products_Supernav_Icon_02-Routes.svg" width="32" height="32" alt="" role="presentation"> </div> <div class="header__nav__subnav__items__group__title"> Routes </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/routes/" data-category="globalNav" data-action="linkClick" data-label="productsTabComputeRoutes"><span class="link__label">Compute Routes</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/routes" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickComputeRoutesAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/routes/" data-category="globalNav" data-action="linkClick" data-label="productsTabComputeRoutesMatrix"><span class="link__label">Compute Routes Matrix</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/routes" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickComputeRoutesMatrixAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#directions" data-category="globalNav" data-action="linkClick" data-label="productsTabDirections"><span class="link__label">Directions</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/directions" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDirectionsJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/directions/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDirectionsAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#distance-matrix" data-category="globalNav" data-action="linkClick" data-label="productsTabDistanceMatrix"><span class="link__label">Distance Matrix</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/distancematrix" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDistanceMatrixJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/distance-matrix/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDistanceMatrixAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/navigation-sdk/" data-category="globalNav" data-action="linkClick" data-label="productsTabNavigationSDK"><span class="link__label">Navigation SDK</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/navigation/android-sdk" target="_blank" data-category="globalNav" data-action="linkClick" data-label="docClickNavigationSDKAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/navigation/ios-sdk" target="_blank" data-category="globalNav" data-action="linkClick" data-label="docClickNavigationSDKiOS"><span class="link__label">iOS</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#roads" data-category="globalNav" data-action="linkClick" data-label="productsTabRoads"><span class="link__label">Roads</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/roads/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickRoadsAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#route-opt" data-category="globalNav" data-action="linkClick" data-label="productsTabRouteOptimization"><span class="link__label">Route Optimization</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/route-optimization" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickRouteOptimizationAPI"><span class="link__label">API</span> </a> </div> </div> </div> </div> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__icon"> <img loading="lazy" src="/static/images/icons/header/NAV_Products_Supernav_Icon_03-Places.svg" width="23" height="33" alt="" role="presentation"> </div> <div class="header__nav__subnav__items__group__title"> Places </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/address-validation/" data-category="globalNav" data-action="linkClick" data-label="productsTabAddressValidation"><span class="link__label">Address Validation</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/address-validation" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAddressValidationAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/places/" data-category="globalNav" data-action="linkClick" data-label="productsTabAutocomplete"><span class="link__label">Autocomplete</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/places/web-service/autocomplete" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAutocompleteAPI"><span class="link__label">API</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/javascript/place-autocomplete-data" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAutocompleteJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/android-sdk/place-autocomplete" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAutocompleteAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/ios-sdk/place-autocomplete" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAutocompleteiOS"><span class="link__label">iOS</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#geocoding" data-category="globalNav" data-action="linkClick" data-label="productsTabGeocoding"><span class="link__label">Geocoding</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/geocoding" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickGeocodingJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/geocoding/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickGeocodingAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#geolocation" data-category="globalNav" data-action="linkClick" data-label="productsTabGeolocation"><span class="link__label">Geolocation</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/geolocation/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickGeolocationAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/places/" data-category="globalNav" data-action="linkClick" data-label="productsTabNearbySearch"><span class="link__label">Nearby Search</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/nearby-search" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickNearbySearchJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/web-service/nearby-search" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickNearbySearchAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/places/" data-category="globalNav" data-action="linkClick" data-label="productsTabPlacesDetails"><span class="link__label">Place Details</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/place-details" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesDetailsJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/android-sdk/place-details" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesDetailsAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/ios-sdk/place-details" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesDetailsiOS"><span class="link__label">iOS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/web-service/place-details" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesDetailsAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/places/" data-category="globalNav" data-action="linkClick" data-label="productsTabPlacesPhotos"><span class="link__label">Place Photos</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/places/android-sdk/photos" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesPhotosAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/ios-sdk/photos" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesPhotosiOS"><span class="link__label">iOS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/web-service/place-photos" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesPhotosAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/places/" data-category="globalNav" data-action="linkClick" data-label="productsTabTextSearch"><span class="link__label">Text Search</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/place-search" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickTextSearchJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/web-service/text-search" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickTextSearchAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#time-zone" data-category="globalNav" data-action="linkClick" data-label="productsTabTimeZone"><span class="link__label">Time Zone</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/timezone/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickTimeZoneAPI"><span class="link__label">API</span> </a> </div> </div> </div> </div> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__icon"> <img loading="lazy" src="/static/images/icons/header/NAV_Products_Supernav_Icon_04-Environment.svg" width="23" height="33" alt="" role="presentation"> </div> <div class="header__nav__subnav__items__group__title"> Environment </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/air-quality/" data-category="globalNav" data-action="linkClick" data-label="productsTabAirQuality"><span class="link__label">Air Quality</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/air-quality" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAirQualityAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/pollen/" data-category="globalNav" data-action="linkClick" data-label="productsTabPollen"><span class="link__label">Pollen</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/pollen" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPollenAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/solar/" data-category="globalNav" data-action="linkClick" data-label="productsTabSolar"><span class="link__label">Solar</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/solar" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickSolarAPI"><span class="link__label">API</span> </a> </div> </div> </div> </div> </div> </div> </div> </details-dialog> </details> <details class="header__nav__item header__nav__item--mobile-subnav-disabled header__nav__item--has-subnav"> <summary opens-subnav="solutions" tabindex="0" role="button"> Solutions </summary> <details-dialog> <div class="header__nav__subnav header__nav__subnav--rows" subnav-id="solutions"> <div class="header__nav__subnav__meta"> <div class="header__nav__subnav__meta__content"> <button class="header__nav__subnav__back-button" tabindex="0" title="Go back" closes-subnav="solutions"> <img loading="lazy" src="/static/images/icons/menu-arrow.svg" width="16" height="16" alt="" role="presentation"> </button> <div class="header__nav__subnav__title"> Solutions </div> <div class="header__nav__subnav__body"> Find the right combination of products for what you’re looking to achieve. </div> <div class="header__nav__subnav__blurb"> Wondering where to start? </div> </div> <div class="header__nav__subnav__meta__cta"> <div class="header__nav__subnav__button header__nav__subnav__button--alt-margin"> <a class="button button--medium" href="/resources/solution-finder/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabSolutionFinder"> Find your solution </a> </div> </div> </div> <div class="header__nav__subnav__links-wrap"> <div class="header__nav__subnav__links"> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__title"> By industry </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/retail/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabRetail"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_01-Retail.svg" width="27" height="27" alt="" role="presentation"> <span class="link__label">Retail</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/transportation-and-logistics/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabTransLog"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_02-TransLogistics.svg" width="35" height="25" alt="" role="presentation"> <span class="link__label">Transportation & Logistics</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/financial-services/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabFinServ"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_03-FinServ.svg" width="27" height="28" alt="" role="presentation"> <span class="link__label">Financial Services</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/real-estate/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabRealEstate"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_04-RealEstate.svg" width="27" height="28" alt="" role="presentation"> <span class="link__label">Real Estate</span> </a> </div> </div> </div> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__title"> By use case </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/display-the-ideal-location/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabFindIdealLocation"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_01-FindLocation.svg" width="25" height="26" alt="" role="presentation"> <span class="link__label">Display the Ideal Location</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/visualize-data/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabVisualGeo"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_02-VisGeospatialData.svg" width="26" height="27" alt="" role="presentation"> <span class="link__label">Visualize Geospatial Data</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/provide-local-information/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabProvideLocalInfo"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_03-ProvideLocalInfo.svg" width="22" height="29" alt="" role="presentation"> <span class="link__label">Provide Local Information</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/enable-asset-tracking/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEnableAssestTrack"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_04-EnableAssetTracking.svg" width="30" height="32" alt="" role="presentation"> <span class="link__label">Enable Asset Tracking</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/offer-efficient-routes/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEfficientRoutes"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_05-OfferEfficientRoutes.svg" width="26" height="27" alt="" role="presentation"> <span class="link__label">Offer Efficient Routes</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/build-immersive-experiences/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabBuildImmersive"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_06-BuildInteractiveExp.svg" width="25" height="24" alt="" role="presentation"> <span class="link__label">Build Immersive Experiences</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/improve-addresses/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabAddressEntry"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_07-SimplifyAddressEntry.svg" width="22" height="29" alt="" role="presentation"> <span class="link__label">Improve Addresses</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/enrich-transactions/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEnrichTrans"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_08-EnrichTransactions.svg" width="34" height="23" alt="" role="presentation"> <span class="link__label">Enrich Transactions</span> </a> </div> </div> </div> </div> </div> </div> </details-dialog> </details> <details class="header__nav__item header__nav__item--only-mobile header__nav__item--has-subnav"> <summary opens-subnav="by-industry" tabindex="0" role="button"> By industry </summary> <details-dialog> <div class="header__nav__subnav header__nav__subnav--rows" subnav-id="by-industry"> <div class="header__nav__subnav__meta"> <div class="header__nav__subnav__meta__content"> <button class="header__nav__subnav__back-button" tabindex="0" title="Go back" closes-subnav="by-industry"> <img loading="lazy" src="/static/images/icons/menu-arrow.svg" width="16" height="16" alt="" role="presentation"> </button> <div class="header__nav__subnav__title"> Solutions By Industry </div> <div class="header__nav__subnav__body"> </div> </div> <div class="header__nav__subnav__meta__cta"> </div> </div> <div class="header__nav__subnav__links-wrap"> <div class="header__nav__subnav__links"> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/retail/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabRetail"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_01-Retail.svg" width="27" height="27" alt="" role="presentation"> <span class="link__label">Retail</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/transportation-and-logistics/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabTransLog"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_02-TransLogistics.svg" width="35" height="25" alt="" role="presentation"> <span class="link__label">Transportation & Logistics</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/financial-services/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabFinServ"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_03-FinServ.svg" width="27" height="28" alt="" role="presentation"> <span class="link__label">Financial Services</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/real-estate/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabRealEstate"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_04-RealEstate.svg" width="27" height="28" alt="" role="presentation"> <span class="link__label">Real Estate</span> </a> </div> </div> </div> </div> </div> </details-dialog> </details> <details class="header__nav__item header__nav__item--only-mobile header__nav__item--has-subnav"> <summary opens-subnav="by-use-case" tabindex="0" role="button"> By use case </summary> <details-dialog> <div class="header__nav__subnav header__nav__subnav--rows" subnav-id="by-use-case"> <div class="header__nav__subnav__meta"> <div class="header__nav__subnav__meta__content"> <button class="header__nav__subnav__back-button" tabindex="0" title="Go back" closes-subnav="by-use-case"> <img loading="lazy" src="/static/images/icons/menu-arrow.svg" width="16" height="16" alt="" role="presentation"> </button> <div class="header__nav__subnav__title"> By use case </div> <div class="header__nav__subnav__body"> </div> </div> <div class="header__nav__subnav__meta__cta"> </div> </div> <div class="header__nav__subnav__links-wrap"> <div class="header__nav__subnav__links"> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/display-the-ideal-location/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabFindIdealLocation"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_01-FindLocation.svg" width="25" height="26" alt="" role="presentation"> <span class="link__label">Display the Ideal Location</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/visualize-data/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabVisualGeo"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_02-VisGeospatialData.svg" width="26" height="27" alt="" role="presentation"> <span class="link__label">Visualize Geospatial Data</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/provide-local-information/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabProvideLocalInfo"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_03-ProvideLocalInfo.svg" width="22" height="29" alt="" role="presentation"> <span class="link__label">Provide Local Information</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/enable-asset-tracking/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEnableAssestTrack"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_04-EnableAssetTracking.svg" width="30" height="32" alt="" role="presentation"> <span class="link__label">Enable Asset Tracking</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/offer-efficient-routes/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEfficientRoutes"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_05-OfferEfficientRoutes.svg" width="26" height="27" alt="" role="presentation"> <span class="link__label">Offer Efficient Routes</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/build-immersive-experiences/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabBuildImmersive"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_06-BuildInteractiveExp.svg" width="25" height="24" alt="" role="presentation"> <span class="link__label">Build Immersive Experiences</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/improve-addresses/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabAddressEntry"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_07-SimplifyAddressEntry.svg" width="22" height="29" alt="" role="presentation"> <span class="link__label">Improve Addresses</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/enrich-transactions/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEnrichTrans"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_08-EnrichTransactions.svg" width="34" height="23" alt="" role="presentation"> <span class="link__label">Enrich Transactions</span> </a> </div> </div> </div> </div> </div> </details-dialog> </details> <div class="header__nav__item"> <a class="link" href="/pricing/" data-category="globalNav" data-action="linkClick" data-label="navPricing"><span class="link__label">Pricing</span> </a> </div> <details class="header__nav__item header__nav__item--has-subnav"> <summary opens-subnav="resources" tabindex="0" role="button"> Resources </summary> <details-dialog> <div class="header__nav__subnav header__nav__subnav--rows" subnav-id="resources"> <div class="header__nav__subnav__meta"> <div class="header__nav__subnav__meta__content"> <button class="header__nav__subnav__back-button" tabindex="0" title="Go back" closes-subnav="resources"> <img loading="lazy" src="/static/images/icons/menu-arrow.svg" width="16" height="16" alt="" role="presentation"> </button> <div class="header__nav__subnav__title"> Resources </div> <div class="header__nav__subnav__body"> Check out more info to help you get to know Google Maps Platform better. </div> </div> <div class="header__nav__subnav__meta__cta"> </div> </div> <div class="header__nav__subnav__links-wrap"> <div class="header__nav__subnav__links"> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link link--external" href="https://developers.google.com/maps/documentation" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="resourcesTabDocumentation"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_00-Documentation.svg" width="30" height="30" alt="" role="presentation"> <span class="link__label">Documentation</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/solution-finder/" aria-label="Click to visit the Solution Finder page" data-category="globalNav" data-action="linkClick" data-label="resourcesTabSolutionFinder"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Icon_SolutionsFinder.svg" width="30" height="30" alt="" role="presentation"> <span class="link__label">Solution Finder</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/demo-gallery/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabCustomizationGallery"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_00-Customization-Gallery.svg" width="30" height="30" alt="" role="presentation"> <span class="link__label">Demo Gallery</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/quick-builder/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabQuickBuilder"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_06-QuickBuilder.svg" width="30" height="30" alt="" role="presentation"> <span class="link__label">Quick Builder</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/blog/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabBlog"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_02-Blog.svg" width="30" height="30" alt="" role="presentation"> <span class="link__label">Blog</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/customer-stories/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabCustomerStories"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_01-Customer-Stories.svg" width="32" height="27" alt="" role="presentation"> <span class="link__label">Customer Stories</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link link--external" href="https://cloud.google.com/find-a-partner/?products=Google%20Maps%20Platform" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="resourcesTabPartnerDirectory"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_01-Partner-Directory.svg" width="32" height="30" alt="" role="presentation"> <span class="link__label">Partner Directory</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/impact-calculator/" data-category="globalNav" data-action="linkClick" data-label="resourcesImpactCalculator"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_07-ImpactCalculator.svg" width="32" height="30" alt="" role="presentation"> <span class="link__label">Impact Calculator</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link link--external" href="https://mapsonair.withgoogle.com/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="resourcesTabWebinars"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_04-Webinars.svg" width="32" height="25" alt="" role="presentation"> <span class="link__label">Webinars</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/whitepapers/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabWhitepapers"> <img loading="lazy" src="/static/images/icons/header/Nav_Resources_Supernav_Icon_08-whitepapers.svg" width="24" height="27" alt="" role="presentation"> <span class="link__label">Whitepapers</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/trust-center/" data-category="globalNav" data-action="linkClick" data-label="resourcesTrustCenter"> <img loading="lazy" src="/static/images/icons/header/Nav_Resources_Supernav_Icon_09-trust-center.svg" width="24" height="27" alt="" role="presentation"> <span class="link__label">Trust Center</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link link--external" href="https://developers.google.com/maps/architecture" aria-label="Discover use cases and architectures to help build apps with Google Maps Platform." target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="resourcesTabArchitectureCenter"> <img loading="lazy" src="/static/images/icons/header/Nav_Resources_Supernav_Icon_10-architecture-center.svg" width="24" height="27" alt="" role="presentation"> <span class="link__label">Architecture Center</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="https://mapsplatform.google.com/women-techmakers/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabWomenTechmakers"> <img loading="lazy" src="/static/images/icons/header/Nav_Resources_Supernav_Icon_11-women-techmakers.svg" width="24" height="27" alt="" role="presentation"> <span class="link__label">Women Techmakers</span> </a> </div> </div> </div> </div> </div> </details-dialog> </details> </div> </div> </div> </header> <div class="header__mobile__aside"> <div class="header__mobile__aside__buttons header__mobile__aside__buttons--group2"> <div class="header__mobile__aside__button"> <a class="button button--medium" href="/contact-us/" data-append-utm data-category="globalNav" data-action="mapsCta" data-label="contactSalesMaps"> Contact sales </a> </div> <div class="header__mobile__aside__button"> <a class="button" href="https://console.cloud.google.com/google/maps-apis/start?ref=https://mapsplatform.google.com" target="_blank" rel="noopener" aria-label="Visit cloud console to get started" data-append-utm data-category="globalNav" data-action="mapsCta" data-label="getStartedNav"> Get started </a> </div> </div> </div> <div class="header__mobile__nav"> <div class="header__mobile__nav__mask" menu-close> </div> <div class="header__nav"> <div class="header__lockup"> <a class="link" href="/" aria-label="Google Maps Platform" data-category="globalNav" data-action="linkClick" data-label="navGMPHome"> <img loading="lazy" src="https://fonts.gstatic.com/s/i/productlogos/maps/v7/192px.svg" width="36" height="36" title="Google Maps Platform" alt="Google Maps Platform"> <span class="link__label"><span>Google</span> Maps Platform</span> </a> <button class="header__nav__close-button" tabindex="0" title="Close the navigation drawer" menu-close> <img loading="lazy" src="/static/images/icons/menu-close.svg" width="16" height="16" title="Close icon" alt="Close icon"> </button> </div> <div class="header__nav__item"> <a class="link" href="/why-google/" data-category="globalNav" data-action="linkClick" data-label="navWhyGoogle"><span class="link__label">Why Google</span> </a> </div> <details class="header__nav__item header__nav__item--has-subnav"> <summary opens-subnav="products" tabindex="0" role="button"> Products </summary> <details-dialog> <div class="header__nav__subnav header__nav__subnav--columns" subnav-id="products"> <div class="header__nav__subnav__meta"> <div class="header__nav__subnav__meta__content"> <button class="header__nav__subnav__back-button" tabindex="0" title="Go back" closes-subnav="products"> <img loading="lazy" src="/static/images/icons/menu-arrow.svg" width="16" height="16" alt="" role="presentation"> </button> <div class="header__nav__subnav__title"> Products </div> <div class="header__nav__subnav__body"> Discover the APIs and SDKs available to create tailored maps for your business. </div> </div> <div class="header__nav__subnav__meta__cta"> <div class="header__nav__subnav__button laptop-desktop-only"> <a class="button laptop-desktop-only button--medium" href="/maps-products/" data-category="globalNav" data-action="buttonClick" data-label="productsTabSeeAllProducts"> See all products </a> </div> <div class="header__nav__subnav__button mobile-tablet-only"> <a class="button mobile-tablet-only button--medium" href="/maps-products/" data-category="globalNav" data-action="buttonClick" data-label="productsTabSeeAllProducts"> All products </a> </div> </div> </div> <div class="header__nav__subnav__links-wrap"> <div class="header__nav__subnav__links"> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__icon"> <img loading="lazy" src="/static/images/icons/header/NAV_Products_Supernav_Icon_01-Maps.svg" width="34" height="32" alt="" role="presentation"> </div> <div class="header__nav__subnav__items__group__title"> Maps </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/aerial-view/" data-category="globalNav" data-action="linkClick" data-label="productsTabAerialView"><span class="link__label">Aerial View</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/aerial-view/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAerialViewAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/dynamic-maps/" data-category="globalNav" data-action="linkClick" data-label="productsTabDynamicMaps"><span class="link__label">Dynamic Maps</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicMapsJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/android-sdk/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicMapsAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/ios-sdk/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicMapsiOS"><span class="link__label">iOS</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#dynamic-street-view" data-category="globalNav" data-action="linkClick" data-label="productsTabDynamicStreetView"><span class="link__label">Dynamic Street View</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/streetview" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicStreetViewJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/android-sdk/streetview" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicStreetViewAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/ios-sdk/streetview" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDynamicStreetViewiOS"><span class="link__label">iOS</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#elevation" data-category="globalNav" data-action="linkClick" data-label="productsTabElevation"><span class="link__label">Elevation</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/elevation/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickElevationAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/map-tiles/" data-category="globalNav" data-action="linkClick" data-label="productsTabMapTiles"><span class="link__label">Map Tiles</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/tile" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickMapTilesAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#maps-datasets" data-category="globalNav" data-action="linkClick" data-label="productsTabMapsDatasets"><span class="link__label">Maps Datasets</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/datasets" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickMapsDatasetsAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#embed" data-category="globalNav" data-action="linkClick" data-label="productsTabEmbed"><span class="link__label">Maps Embed</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/embed/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickEmbedAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#static-maps" data-category="globalNav" data-action="linkClick" data-label="productsTabStaticMaps"><span class="link__label">Static Maps</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/maps-static/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickStaticMapsAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#static-street-view" data-category="globalNav" data-action="linkClick" data-label="productsTabStaticStreetView"><span class="link__label">Static Street View</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/streetview/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickStaticStreetViewAPI"><span class="link__label">API</span> </a> </div> </div> </div> </div> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__icon"> <img loading="lazy" src="/static/images/icons/header/NAV_Products_Supernav_Icon_02-Routes.svg" width="32" height="32" alt="" role="presentation"> </div> <div class="header__nav__subnav__items__group__title"> Routes </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/routes/" data-category="globalNav" data-action="linkClick" data-label="productsTabComputeRoutes"><span class="link__label">Compute Routes</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/routes" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickComputeRoutesAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/routes/" data-category="globalNav" data-action="linkClick" data-label="productsTabComputeRoutesMatrix"><span class="link__label">Compute Routes Matrix</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/routes" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickComputeRoutesMatrixAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#directions" data-category="globalNav" data-action="linkClick" data-label="productsTabDirections"><span class="link__label">Directions</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/directions" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDirectionsJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/directions/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDirectionsAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#distance-matrix" data-category="globalNav" data-action="linkClick" data-label="productsTabDistanceMatrix"><span class="link__label">Distance Matrix</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/distancematrix" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDistanceMatrixJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/distance-matrix/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickDistanceMatrixAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/navigation-sdk/" data-category="globalNav" data-action="linkClick" data-label="productsTabNavigationSDK"><span class="link__label">Navigation SDK</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/navigation/android-sdk" target="_blank" data-category="globalNav" data-action="linkClick" data-label="docClickNavigationSDKAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/navigation/ios-sdk" target="_blank" data-category="globalNav" data-action="linkClick" data-label="docClickNavigationSDKiOS"><span class="link__label">iOS</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#roads" data-category="globalNav" data-action="linkClick" data-label="productsTabRoads"><span class="link__label">Roads</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/roads/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickRoadsAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#route-opt" data-category="globalNav" data-action="linkClick" data-label="productsTabRouteOptimization"><span class="link__label">Route Optimization</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/route-optimization" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickRouteOptimizationAPI"><span class="link__label">API</span> </a> </div> </div> </div> </div> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__icon"> <img loading="lazy" src="/static/images/icons/header/NAV_Products_Supernav_Icon_03-Places.svg" width="23" height="33" alt="" role="presentation"> </div> <div class="header__nav__subnav__items__group__title"> Places </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/address-validation/" data-category="globalNav" data-action="linkClick" data-label="productsTabAddressValidation"><span class="link__label">Address Validation</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/address-validation" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAddressValidationAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/places/" data-category="globalNav" data-action="linkClick" data-label="productsTabAutocomplete"><span class="link__label">Autocomplete</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/places/web-service/autocomplete" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAutocompleteAPI"><span class="link__label">API</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/javascript/place-autocomplete-data" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAutocompleteJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/android-sdk/place-autocomplete" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAutocompleteAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/ios-sdk/place-autocomplete" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAutocompleteiOS"><span class="link__label">iOS</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#geocoding" data-category="globalNav" data-action="linkClick" data-label="productsTabGeocoding"><span class="link__label">Geocoding</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/geocoding" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickGeocodingJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/geocoding/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickGeocodingAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#geolocation" data-category="globalNav" data-action="linkClick" data-label="productsTabGeolocation"><span class="link__label">Geolocation</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/geolocation/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickGeolocationAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/places/" data-category="globalNav" data-action="linkClick" data-label="productsTabNearbySearch"><span class="link__label">Nearby Search</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/nearby-search" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickNearbySearchJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/web-service/nearby-search" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickNearbySearchAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/places/" data-category="globalNav" data-action="linkClick" data-label="productsTabPlacesDetails"><span class="link__label">Place Details</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/place-details" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesDetailsJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/android-sdk/place-details" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesDetailsAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/ios-sdk/place-details" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesDetailsiOS"><span class="link__label">iOS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/web-service/place-details" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesDetailsAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/places/" data-category="globalNav" data-action="linkClick" data-label="productsTabPlacesPhotos"><span class="link__label">Place Photos</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/places/android-sdk/photos" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesPhotosAndroid"><span class="link__label">Android</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/ios-sdk/photos" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesPhotosiOS"><span class="link__label">iOS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/web-service/place-photos" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPlacesPhotosAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/places/" data-category="globalNav" data-action="linkClick" data-label="productsTabTextSearch"><span class="link__label">Text Search</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/javascript/place-search" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickTextSearchJS"><span class="link__label">JS</span> </a> <a class="link" href="https://developers.google.com/maps/documentation/places/web-service/text-search" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickTextSearchAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/#time-zone" data-category="globalNav" data-action="linkClick" data-label="productsTabTimeZone"><span class="link__label">Time Zone</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/timezone/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickTimeZoneAPI"><span class="link__label">API</span> </a> </div> </div> </div> </div> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__icon"> <img loading="lazy" src="/static/images/icons/header/NAV_Products_Supernav_Icon_04-Environment.svg" width="23" height="33" alt="" role="presentation"> </div> <div class="header__nav__subnav__items__group__title"> Environment </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/air-quality/" data-category="globalNav" data-action="linkClick" data-label="productsTabAirQuality"><span class="link__label">Air Quality</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/air-quality" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickAirQualityAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/pollen/" data-category="globalNav" data-action="linkClick" data-label="productsTabPollen"><span class="link__label">Pollen</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/pollen" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickPollenAPI"><span class="link__label">API</span> </a> </div> </div> <div class="header__nav__subnav__item"> <a class="link link--blue" href="/maps-products/solar/" data-category="globalNav" data-action="linkClick" data-label="productsTabSolar"><span class="link__label">Solar</span> </a> <div class="header__nav__subnav__item__external-links"> <a class="link" href="https://developers.google.com/maps/documentation/solar" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="docClickSolarAPI"><span class="link__label">API</span> </a> </div> </div> </div> </div> </div> </div> </div> </details-dialog> </details> <details class="header__nav__item header__nav__item--mobile-subnav-disabled header__nav__item--has-subnav"> <summary opens-subnav="solutions" tabindex="0" role="button"> Solutions </summary> <details-dialog> <div class="header__nav__subnav header__nav__subnav--rows" subnav-id="solutions"> <div class="header__nav__subnav__meta"> <div class="header__nav__subnav__meta__content"> <button class="header__nav__subnav__back-button" tabindex="0" title="Go back" closes-subnav="solutions"> <img loading="lazy" src="/static/images/icons/menu-arrow.svg" width="16" height="16" alt="" role="presentation"> </button> <div class="header__nav__subnav__title"> Solutions </div> <div class="header__nav__subnav__body"> Find the right combination of products for what you’re looking to achieve. </div> <div class="header__nav__subnav__blurb"> Wondering where to start? </div> </div> <div class="header__nav__subnav__meta__cta"> <div class="header__nav__subnav__button header__nav__subnav__button--alt-margin"> <a class="button button--medium" href="/resources/solution-finder/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabSolutionFinder"> Find your solution </a> </div> </div> </div> <div class="header__nav__subnav__links-wrap"> <div class="header__nav__subnav__links"> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__title"> By industry </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/retail/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabRetail"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_01-Retail.svg" width="27" height="27" alt="" role="presentation"> <span class="link__label">Retail</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/transportation-and-logistics/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabTransLog"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_02-TransLogistics.svg" width="35" height="25" alt="" role="presentation"> <span class="link__label">Transportation & Logistics</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/financial-services/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabFinServ"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_03-FinServ.svg" width="27" height="28" alt="" role="presentation"> <span class="link__label">Financial Services</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/real-estate/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabRealEstate"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_04-RealEstate.svg" width="27" height="28" alt="" role="presentation"> <span class="link__label">Real Estate</span> </a> </div> </div> </div> <div class="header__nav__subnav__items__group"> <div class="header__nav__subnav__items__group__title"> By use case </div> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/display-the-ideal-location/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabFindIdealLocation"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_01-FindLocation.svg" width="25" height="26" alt="" role="presentation"> <span class="link__label">Display the Ideal Location</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/visualize-data/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabVisualGeo"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_02-VisGeospatialData.svg" width="26" height="27" alt="" role="presentation"> <span class="link__label">Visualize Geospatial Data</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/provide-local-information/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabProvideLocalInfo"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_03-ProvideLocalInfo.svg" width="22" height="29" alt="" role="presentation"> <span class="link__label">Provide Local Information</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/enable-asset-tracking/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEnableAssestTrack"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_04-EnableAssetTracking.svg" width="30" height="32" alt="" role="presentation"> <span class="link__label">Enable Asset Tracking</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/offer-efficient-routes/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEfficientRoutes"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_05-OfferEfficientRoutes.svg" width="26" height="27" alt="" role="presentation"> <span class="link__label">Offer Efficient Routes</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/build-immersive-experiences/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabBuildImmersive"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_06-BuildInteractiveExp.svg" width="25" height="24" alt="" role="presentation"> <span class="link__label">Build Immersive Experiences</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/improve-addresses/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabAddressEntry"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_07-SimplifyAddressEntry.svg" width="22" height="29" alt="" role="presentation"> <span class="link__label">Improve Addresses</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/enrich-transactions/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEnrichTrans"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_08-EnrichTransactions.svg" width="34" height="23" alt="" role="presentation"> <span class="link__label">Enrich Transactions</span> </a> </div> </div> </div> </div> </div> </div> </details-dialog> </details> <details class="header__nav__item header__nav__item--only-mobile header__nav__item--has-subnav"> <summary opens-subnav="by-industry" tabindex="0" role="button"> By industry </summary> <details-dialog> <div class="header__nav__subnav header__nav__subnav--rows" subnav-id="by-industry"> <div class="header__nav__subnav__meta"> <div class="header__nav__subnav__meta__content"> <button class="header__nav__subnav__back-button" tabindex="0" title="Go back" closes-subnav="by-industry"> <img loading="lazy" src="/static/images/icons/menu-arrow.svg" width="16" height="16" alt="" role="presentation"> </button> <div class="header__nav__subnav__title"> Solutions By Industry </div> <div class="header__nav__subnav__body"> </div> </div> <div class="header__nav__subnav__meta__cta"> </div> </div> <div class="header__nav__subnav__links-wrap"> <div class="header__nav__subnav__links"> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/retail/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabRetail"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_01-Retail.svg" width="27" height="27" alt="" role="presentation"> <span class="link__label">Retail</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/transportation-and-logistics/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabTransLog"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_02-TransLogistics.svg" width="35" height="25" alt="" role="presentation"> <span class="link__label">Transportation & Logistics</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/financial-services/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabFinServ"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_03-FinServ.svg" width="27" height="28" alt="" role="presentation"> <span class="link__label">Financial Services</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/real-estate/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabRealEstate"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Industry-Icon_04-RealEstate.svg" width="27" height="28" alt="" role="presentation"> <span class="link__label">Real Estate</span> </a> </div> </div> </div> </div> </div> </details-dialog> </details> <details class="header__nav__item header__nav__item--only-mobile header__nav__item--has-subnav"> <summary opens-subnav="by-use-case" tabindex="0" role="button"> By use case </summary> <details-dialog> <div class="header__nav__subnav header__nav__subnav--rows" subnav-id="by-use-case"> <div class="header__nav__subnav__meta"> <div class="header__nav__subnav__meta__content"> <button class="header__nav__subnav__back-button" tabindex="0" title="Go back" closes-subnav="by-use-case"> <img loading="lazy" src="/static/images/icons/menu-arrow.svg" width="16" height="16" alt="" role="presentation"> </button> <div class="header__nav__subnav__title"> By use case </div> <div class="header__nav__subnav__body"> </div> </div> <div class="header__nav__subnav__meta__cta"> </div> </div> <div class="header__nav__subnav__links-wrap"> <div class="header__nav__subnav__links"> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/display-the-ideal-location/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabFindIdealLocation"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_01-FindLocation.svg" width="25" height="26" alt="" role="presentation"> <span class="link__label">Display the Ideal Location</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/visualize-data/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabVisualGeo"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_02-VisGeospatialData.svg" width="26" height="27" alt="" role="presentation"> <span class="link__label">Visualize Geospatial Data</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/provide-local-information/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabProvideLocalInfo"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_03-ProvideLocalInfo.svg" width="22" height="29" alt="" role="presentation"> <span class="link__label">Provide Local Information</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/enable-asset-tracking/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEnableAssestTrack"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_04-EnableAssetTracking.svg" width="30" height="32" alt="" role="presentation"> <span class="link__label">Enable Asset Tracking</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/offer-efficient-routes/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEfficientRoutes"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_05-OfferEfficientRoutes.svg" width="26" height="27" alt="" role="presentation"> <span class="link__label">Offer Efficient Routes</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/build-immersive-experiences/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabBuildImmersive"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_06-BuildInteractiveExp.svg" width="25" height="24" alt="" role="presentation"> <span class="link__label">Build Immersive Experiences</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/improve-addresses/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabAddressEntry"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_07-SimplifyAddressEntry.svg" width="22" height="29" alt="" role="presentation"> <span class="link__label">Improve Addresses</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/solutions/enrich-transactions/" data-category="globalNav" data-action="linkClick" data-label="solutionsTabEnrichTrans"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_UseCase-Icon_08-EnrichTransactions.svg" width="34" height="23" alt="" role="presentation"> <span class="link__label">Enrich Transactions</span> </a> </div> </div> </div> </div> </div> </details-dialog> </details> <div class="header__nav__item"> <a class="link" href="/pricing/" data-category="globalNav" data-action="linkClick" data-label="navPricing"><span class="link__label">Pricing</span> </a> </div> <details class="header__nav__item header__nav__item--has-subnav"> <summary opens-subnav="resources" tabindex="0" role="button"> Resources </summary> <details-dialog> <div class="header__nav__subnav header__nav__subnav--rows" subnav-id="resources"> <div class="header__nav__subnav__meta"> <div class="header__nav__subnav__meta__content"> <button class="header__nav__subnav__back-button" tabindex="0" title="Go back" closes-subnav="resources"> <img loading="lazy" src="/static/images/icons/menu-arrow.svg" width="16" height="16" alt="" role="presentation"> </button> <div class="header__nav__subnav__title"> Resources </div> <div class="header__nav__subnav__body"> Check out more info to help you get to know Google Maps Platform better. </div> </div> <div class="header__nav__subnav__meta__cta"> </div> </div> <div class="header__nav__subnav__links-wrap"> <div class="header__nav__subnav__links"> <div class="header__nav__subnav__items"> <div class="header__nav__subnav__item"> <a class="link link--external" href="https://developers.google.com/maps/documentation" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="resourcesTabDocumentation"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_00-Documentation.svg" width="30" height="30" alt="" role="presentation"> <span class="link__label">Documentation</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/solution-finder/" aria-label="Click to visit the Solution Finder page" data-category="globalNav" data-action="linkClick" data-label="resourcesTabSolutionFinder"> <img loading="lazy" src="/static/images/icons/header/NAV_Solutions_Supernav_Icon_SolutionsFinder.svg" width="30" height="30" alt="" role="presentation"> <span class="link__label">Solution Finder</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/demo-gallery/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabCustomizationGallery"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_00-Customization-Gallery.svg" width="30" height="30" alt="" role="presentation"> <span class="link__label">Demo Gallery</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/quick-builder/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabQuickBuilder"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_06-QuickBuilder.svg" width="30" height="30" alt="" role="presentation"> <span class="link__label">Quick Builder</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/blog/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabBlog"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_02-Blog.svg" width="30" height="30" alt="" role="presentation"> <span class="link__label">Blog</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/customer-stories/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabCustomerStories"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_01-Customer-Stories.svg" width="32" height="27" alt="" role="presentation"> <span class="link__label">Customer Stories</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link link--external" href="https://cloud.google.com/find-a-partner/?products=Google%20Maps%20Platform" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="resourcesTabPartnerDirectory"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_01-Partner-Directory.svg" width="32" height="30" alt="" role="presentation"> <span class="link__label">Partner Directory</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/impact-calculator/" data-category="globalNav" data-action="linkClick" data-label="resourcesImpactCalculator"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_07-ImpactCalculator.svg" width="32" height="30" alt="" role="presentation"> <span class="link__label">Impact Calculator</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link link--external" href="https://mapsonair.withgoogle.com/" target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="resourcesTabWebinars"> <img loading="lazy" src="/static/images/icons/header/NAV_Resources_Supernav_Icon_04-Webinars.svg" width="32" height="25" alt="" role="presentation"> <span class="link__label">Webinars</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/whitepapers/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabWhitepapers"> <img loading="lazy" src="/static/images/icons/header/Nav_Resources_Supernav_Icon_08-whitepapers.svg" width="24" height="27" alt="" role="presentation"> <span class="link__label">Whitepapers</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="/resources/trust-center/" data-category="globalNav" data-action="linkClick" data-label="resourcesTrustCenter"> <img loading="lazy" src="/static/images/icons/header/Nav_Resources_Supernav_Icon_09-trust-center.svg" width="24" height="27" alt="" role="presentation"> <span class="link__label">Trust Center</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link link--external" href="https://developers.google.com/maps/architecture" aria-label="Discover use cases and architectures to help build apps with Google Maps Platform." target="_blank" rel="noopener" data-category="globalNav" data-action="linkClick" data-label="resourcesTabArchitectureCenter"> <img loading="lazy" src="/static/images/icons/header/Nav_Resources_Supernav_Icon_10-architecture-center.svg" width="24" height="27" alt="" role="presentation"> <span class="link__label">Architecture Center</span> </a> </div> <div class="header__nav__subnav__item"> <a class="link" href="https://mapsplatform.google.com/women-techmakers/" data-category="globalNav" data-action="linkClick" data-label="resourcesTabWomenTechmakers"> <img loading="lazy" src="/static/images/icons/header/Nav_Resources_Supernav_Icon_11-women-techmakers.svg" width="24" height="27" alt="" role="presentation"> <span class="link__label">Women Techmakers</span> </a> </div> </div> </div> </div> </div> </details-dialog> </details> </div> </div> <div id="main"> <div class="spacer spacer--medium"> </div> <div class="blog-post" data-external-links> <div class="blog-post__container"> <div class="blog-post__chapter"> <div class="blog-post__chapter__title"> Discover Elton and Los Angeles history using Google Maps Platform </div> </div> <div class="blog-post__image"> <degu-image src="https://lh3.googleusercontent.com/2LFJmOKWZ8ywgNiZN5pGYo-DqykLCc2SkXAJWMLqUmf_uy_SfHZ9KA8mYAW9VuBaZRk-4zsZZ5KG_Ynb9sJyAYv6IwUJew2-V7tyMQ" width="2500" height="1232" style="aspect-ratio: 2500/1232" max-dpr="2" title="elton-la-takeover-gdb-header_1.max-2500x2500.jpg" alt="elton-la-takeover-gdb-header_1.max-2500x2500.jpg" fetch-priority="high"> </degu-image> </div> <div class="blog-post__social blog-post__social--desktop blog-post__social--hero share" data-share-title="Discover Elton and Los Angeles history using Google Maps Platform" data-share-description="To help celebrate Elton’s final U.S. tour, we wanted to create an experience that matched the energy, showmanship, and style Elton will bring to Dodger Stadium. To make this happen, we worked with Google to take full advantage of its knowledge of the real world and to use some of the latest features of the Maps JavaScript API."> <div class="blog-post__social__sticky"> <button class="button share-twitter button--icon blog-post__social__sticky__icon share-twitter button--icon"> <img loading="lazy" src="/static/images/icons/social-twitter.svg" width="20" height="17" alt="" role="presentation"> </button> <button class="button share-linkedin button--icon blog-post__social__sticky__icon share-linkedin button--icon"> <img loading="lazy" src="/static/images/icons/social-linkedin.svg" width="24" height="24" alt="" role="presentation"> </button> <button class="button share-facebook button--icon blog-post__social__sticky__icon share-facebook button--icon"> <img loading="lazy" src="/static/images/icons/social-facebook.svg" width="20" height="20" alt="" role="presentation"> </button> <a class="button share-email button--icon blog-post__social__sticky__icon share-email button--icon" href="#"> <img loading="lazy" src="/static/images/icons/social-email.svg" width="24" height="24" alt="" role="presentation"> </a> </div> </div> <div class="blog-post__aside"> <div class="blog-post__aside__meta"> <div class="blog-post__aside__author"> <div class="blog-post__aside__author__name"> Rory Newton Dunn </div> <div class="blog-post__aside__author__role"> Rocket Entertainment </div> </div> <div class="blog-post__aside__published-date"> Nov 11, 2022 </div> </div> <div class="blog-post__social blog-post__social--mobile share" data-share-title="Discover Elton and Los Angeles history using Google Maps Platform" data-share-description="To help celebrate Elton’s final U.S. tour, we wanted to create an experience that matched the energy, showmanship, and style Elton will bring to Dodger Stadium. To make this happen, we worked with Google to take full advantage of its knowledge of the real world and to use some of the latest features of the Maps JavaScript API."> <div class="blog-post__social__sticky"> <button class="button share-twitter button--icon blog-post__social__sticky__icon share-twitter button--icon"> <img loading="lazy" src="/static/images/icons/social-twitter.svg" width="20" height="17" alt="" role="presentation"> </button> <button class="button share-linkedin button--icon blog-post__social__sticky__icon share-linkedin button--icon"> <img loading="lazy" src="/static/images/icons/social-linkedin.svg" width="24" height="24" alt="" role="presentation"> </button> <button class="button share-facebook button--icon blog-post__social__sticky__icon share-facebook button--icon"> <img loading="lazy" src="/static/images/icons/social-facebook.svg" width="20" height="20" alt="" role="presentation"> </button> <a class="button share-email button--icon blog-post__social__sticky__icon share-email button--icon" href="#"> <img loading="lazy" src="/static/images/icons/social-email.svg" width="24" height="24" alt="" role="presentation"> </a> </div> </div> <div class="blog-post__aside__callout__wrap"> <div class="blog-post__aside__callout"> <div class="blog-post__aside__callout__title">Try Google Maps Platform</div> <div class="blog-post__aside__callout__body">Unlock access to real-world data and insights with a monthly $200 Google Maps Platform credit.</div> <div class="blog-post__aside__callout__cta"> <a class="button" href="https://console.cloud.google.com/google/maps-apis/start?ref=https://mapsplatform.google.com" target="_blank" data-category="blog" data-action="mapsCta" data-label="getStartedAside"> Get started </a> </div> </div> </div> </div> <div class="blog-post__content"> <div class="blog-post__content__body" body> <p><b><i>Editor’s note</i></b><i>: Elton John's interactive map of Los Angeles has been nominated for a Webby. </i><a href="https://vote.webbyawards.com/PublicVoting#/2023/websites-and-mobile-sites/general-websites-and-mobile-sites/music"><i>Click here</i></a><i> to vote by Thursday, April 20, 2023. Today’s post comes from Rory Newton Dunn, Head of Digital, at Rocket Entertainment. He shares how they created an immersive map experience to celebrate Elton John’s final North American tour using Google Maps Platform.</i></p> <hr> <p>Los Angeles is where Elton John’s legendary career truly took flight and a place that feels like a second home to both him and his fans. Elton’s final North American tour will finish at Dodger Stadium on November 17, 19, and 20 and as a way to celebrate the city, we’re connecting his fans with significant places in L.A. from Elton’s past and present. To do this, we partnered with Google Maps Platform on <a href="http://la.eltonjohn.com?utm_source=Website&utm_medium=Blog&utm_campaign=Maps-global-demandgen-website-cs-GMP_UTM_Campaign_Blog&utm_content=la_takeover">an interactive map experience</a> at la.eltonjohn.com–built with some of the newest Google Maps Platform features for the web. This experience lets fans explore L.A. and discover the story behind places like the Troubadour, Supervinyl and Book Soup, and discover some of the exciting Elton-themed experiences created around the city to celebrate the Farewell Yellow Brick Road tour. </p> <p>When we began imagining this project, we knew we needed a simple, visual way to identify the exact locations of places that mean something to Elton. The choice to start with a map was clear, because what better way for fans to immerse themselves in the city of L.A. than by using the Google map they’re already familiar with and use every day.</p> <h3>Building an immersive map experience</h3> <p>To help celebrate Elton’s final U.S. tour, we wanted to create an experience that matched the energy, showmanship, and style Elton will bring to Dodger Stadium. To make this happen, we worked with Google to take full advantage of its knowledge of the real world and to use some of the latest features of the <a href="https://developers.google.com/maps/documentation/javascript/overview?utm_source=Website&utm_medium=Blog&utm_campaign=Maps-global-demandgen-website-cs-GMP_UTM_Campaign_Blog&utm_content=maps_javascript_docs">Maps JavaScript API</a>. The result is one we know Elton’s fans will love, whether they make it to the show in person or want to explore L.A. from afar. The map lets fans explore some of Elton’s favourite places across the city, from notable venues that impacted his career to some special spots for music and books.</p> <figure class="figure"> <img src="https://lh3.googleusercontent.com/bWpN6YWgBzm0k57vYPkwLWy24Z683giXyhZHaR32NsZxT_CI7ngqY2NFOO8WNPQXCfBdZTd6XRNd8R7rcSXEfQNYytNqcaVLSPs=e365-pa-nu-s0" width="2200" height="1425" alt="Elton John Map Experience" style="aspect-ratio: 2200/1425" loading="lazy"> </figure> <h3>Incorporating Elton’s style </h3> <p>Elton John is a one-of-a-kind performer and style icon, so we wanted the map to compliment the themes of the ‘Farewell Yellow Brick Road’ tour, as well as evoke his connection to the venue–L.A.’s beloved Dodger Stadium. With the advanced customization features available from Google Maps Platform, like Advanced Markers and Cloud-based maps styling, we were able to style the basemap and add custom markers to truly make the map match the visual design of our broader L.A. experience. With Google Maps Platform, we had a fine-grain level of control over the style of the map, which really makes it feel like a fully-integrated part of the broader experience we have created in physical locations across L.A.</p> <h3>Bringing L.A. to Elton’s fans</h3> <p>For this project, we wanted more than just a map. We wanted to create an immersive experience that would let Elton share his connection to Los Angeles with his fans, and help them discover all of the fantastic things we have planned in connection with the tour across the city. Even for those who aren’t able to be a part of the live event, we wanted a way for them to be a part of what Elton is bringing to the city. </p> <p>With the WebGL-powered map features available in the Maps JavaScript API, we were able to incorporate features like Google’s 3D synthetic oblique building models, in addition to depth and perspective by using tilt and rotation. Combined with our custom styling and markers, fans can explore all of the places Elton wants to share as more than just points on the map. And, with our virtual and in person scavenger hunts, fans from around the world can enter for a chance to win exclusive prizes when they explore Elton’s favourite places.</p> <figure class="figure"> <img src="https://lh3.googleusercontent.com/vv22LNYzeruulgUjH7E-JE3Zi0OdsG8Zaigjlw7jdFaE1_PNzKSmPlD9PyDBtw7SyDdEH6yyaiT6bBDE3l-gld5kKS7BUvWrBDUh=e365-pa-nu-s0" width="1700" height="1700" alt="Elton experience on mobile" style="aspect-ratio: 1700/1700" loading="lazy"> </figure> <p>We’re also excited to be able to share what we call Rocket View–an experience built with a pre-release Google Maps Platform feature that adds photo-realistic 3D videos of all of the locations on the map. Rocket View leverages Google Earth, rendering APIs, and several Google Cloud products to generate drone-like videos. We were even able to customize the time of day, and add our markers and branding. Be sure to check out Rocket View. We think the result is stunning.</p> <figure class="figure"> <img src="https://lh3.googleusercontent.com/teOW9FPBEO2C8NHEkAA0nvge3R83r5STk806fZH_-4aU39ucWx3RmSLEU51hDfEKqJT4Cr9Cc2uzzzbQmlgqhBc28wzUghL_leEa=e365-pa-nu-s0" width="2200" height="1151" alt="Dodger Stadium RocketView" style="aspect-ratio: 2200/1151" loading="lazy"> </figure> <h3>Farewell Yellow Brick Road</h3> <p>Los Angeles is one of Elton’s favourite places, and the city that launched his career, from his first U.S. performance at the Troubadour to being the first solo performer in history to sell out Dodger Stadium. We hope you take a moment to celebrate L.A. with Elton on his farewell tour, sign up to <a href="https://www.eltonjohn.com/rocket-club?utm_source=Website&utm_medium=Blog&utm_campaign=Maps-global-demandgen-website-cs-GMP_UTM_Campaign_Blog&utm_content=rocket_club">become a Rocket Club member</a> to receive exclusive news, and <a href="https://la.eltonjohn.com/?utm_source=Website&utm_medium=Blog&utm_campaign=Maps-global-demandgen-website-cs-GMP_UTM_Campaign_Blog&utm_content=la_takeover">discover his favourite places</a> no matter where you are in the world.</p> <hr> <p><i>For more information on Google Maps Platform, </i><a href="https://mapsplatform.google.com/?utm_source=Website&utm_medium=Blog&utm_campaign=Maps-global-demandgen-website-cs-GMP_UTM_Campaign_Blog&utm_content=general"><i>visit our website</i></a><i>. If you’re interested in learning more about Google Maps Platform immersive experiences, sign up </i><a href="https://mapsplatform.withgoogle.com/immersive-experience-interest-form/home.html?utm_source=Website&utm_medium=Blog&utm_campaign=Maps-global-demandgen-website-cs-GMP_UTM_Campaign_Blog&utm_content=immersive_interest_form"><i>here</i></a><i> to stay in touch.</i></p> </div> <div class="blog-post__content__tags"> </div> </div> </div> </div> <div class="fullbleed-5050__wrap fullbleed-5050__wrap--placement-specific-get-going-with-google fullbleed-5050__wrap--background-centered"> <div class="fullbleed-5050 fullbleed-5050--placement-specific-get-going-with-google fullbleed-5050--background-centered fullbleed-5050--background-asset"> <div class="fullbleed-5050__background-asset"> <picture> <source type="image/webp" srcset="https://lh3.googleusercontent.com/4QOjqBImLWiBXQdGlPZ-zkrLDizbwv924XzhA5TJpOn1-7vTDMNZL0JB5pHVJX4MZh8nWnzZeG4xlXAUe2S9Yosg-b3q7yucB_-7PQ=rw-e365-w2880, https://lh3.googleusercontent.com/4QOjqBImLWiBXQdGlPZ-zkrLDizbwv924XzhA5TJpOn1-7vTDMNZL0JB5pHVJX4MZh8nWnzZeG4xlXAUe2S9Yosg-b3q7yucB_-7PQ=rw-e365-w5760 2x" media="(min-width: 1440px)"> <source type="image/webp" srcset="https://lh3.googleusercontent.com/4QOjqBImLWiBXQdGlPZ-zkrLDizbwv924XzhA5TJpOn1-7vTDMNZL0JB5pHVJX4MZh8nWnzZeG4xlXAUe2S9Yosg-b3q7yucB_-7PQ=rw-e365-w1024, https://lh3.googleusercontent.com/4QOjqBImLWiBXQdGlPZ-zkrLDizbwv924XzhA5TJpOn1-7vTDMNZL0JB5pHVJX4MZh8nWnzZeG4xlXAUe2S9Yosg-b3q7yucB_-7PQ=rw-e365-w2048 2x" media="(min-width: 600px)"> <source type="image/webp" srcset="https://lh3.googleusercontent.com/4QOjqBImLWiBXQdGlPZ-zkrLDizbwv924XzhA5TJpOn1-7vTDMNZL0JB5pHVJX4MZh8nWnzZeG4xlXAUe2S9Yosg-b3q7yucB_-7PQ=rw-e365-w600, https://lh3.googleusercontent.com/4QOjqBImLWiBXQdGlPZ-zkrLDizbwv924XzhA5TJpOn1-7vTDMNZL0JB5pHVJX4MZh8nWnzZeG4xlXAUe2S9Yosg-b3q7yucB_-7PQ=rw-e365-w1200 2x" media="(min-width: 0px)"> <img loading="lazy" src="https://lh3.googleusercontent.com/4QOjqBImLWiBXQdGlPZ-zkrLDizbwv924XzhA5TJpOn1-7vTDMNZL0JB5pHVJX4MZh8nWnzZeG4xlXAUe2S9Yosg-b3q7yucB_-7PQ=w2560" width="2560" height="842" class="laptop-desktop-only" title="Clay cityscape" alt="Clay cityscape"> </picture> </div> <div class="fullbleed-5050__slides" slides="1" style="--max-height-desktop:690px;"> <div class="fullbleed-5050__slide fullbleed-5050__slide--flush-bottom fullbleed-5050__slide--background-centered" slide> <div class="fullbleed-5050__slide__feature fullbleed-5050__slide__feature--flush-bottom fullbleed-5050__slide__feature--background-centered"> <div class="fullbleed-5050__slide__feature__background-asset mobile-tablet-only"> <picture> <source type="image/webp" media="(max-width: 599px)" srcset="https://lh3.googleusercontent.com/fJC-1uoFbE83CA1h1B62dXnL6laa5io1rhGtqix5HOGfBMd1PJ_3VP9mb1uRxiJYSop1NeXZJiYTbOGd3bDEnOPkJ-tJci1PO6BTMcQ=rw-e365-w600, https://lh3.googleusercontent.com/fJC-1uoFbE83CA1h1B62dXnL6laa5io1rhGtqix5HOGfBMd1PJ_3VP9mb1uRxiJYSop1NeXZJiYTbOGd3bDEnOPkJ-tJci1PO6BTMcQ=rw-e365-w1200 2x"> <source media="(max-width: 599px)" srcset="https://lh3.googleusercontent.com/fJC-1uoFbE83CA1h1B62dXnL6laa5io1rhGtqix5HOGfBMd1PJ_3VP9mb1uRxiJYSop1NeXZJiYTbOGd3bDEnOPkJ-tJci1PO6BTMcQ=w600"> <source type="image/webp" media="(max-width: 1023px)" srcset="https://lh3.googleusercontent.com/fJC-1uoFbE83CA1h1B62dXnL6laa5io1rhGtqix5HOGfBMd1PJ_3VP9mb1uRxiJYSop1NeXZJiYTbOGd3bDEnOPkJ-tJci1PO6BTMcQ=rw-e365-w1024, https://lh3.googleusercontent.com/fJC-1uoFbE83CA1h1B62dXnL6laa5io1rhGtqix5HOGfBMd1PJ_3VP9mb1uRxiJYSop1NeXZJiYTbOGd3bDEnOPkJ-tJci1PO6BTMcQ=rw-e365-w2048 2x"> <source media="(max-width: 1023px)" srcset="https://lh3.googleusercontent.com/fJC-1uoFbE83CA1h1B62dXnL6laa5io1rhGtqix5HOGfBMd1PJ_3VP9mb1uRxiJYSop1NeXZJiYTbOGd3bDEnOPkJ-tJci1PO6BTMcQ=w1024"> <source type="image/webp" media="(min-width: 0px)" srcset="https://lh3.googleusercontent.com/fJC-1uoFbE83CA1h1B62dXnL6laa5io1rhGtqix5HOGfBMd1PJ_3VP9mb1uRxiJYSop1NeXZJiYTbOGd3bDEnOPkJ-tJci1PO6BTMcQ=rw-e365-w1024, https://lh3.googleusercontent.com/fJC-1uoFbE83CA1h1B62dXnL6laa5io1rhGtqix5HOGfBMd1PJ_3VP9mb1uRxiJYSop1NeXZJiYTbOGd3bDEnOPkJ-tJci1PO6BTMcQ=rw-e365-w2048 2x"> <img loading="lazy" src="https://lh3.googleusercontent.com/fJC-1uoFbE83CA1h1B62dXnL6laa5io1rhGtqix5HOGfBMd1PJ_3VP9mb1uRxiJYSop1NeXZJiYTbOGd3bDEnOPkJ-tJci1PO6BTMcQ=w1024" width="1024" style="height: 285px; object-fit: contain" class="mobile-tablet-only" title="Clay cityscape" alt="Clay cityscape"> </picture> </div> <div class="fullbleed-5050__slide__feature__container"> <div class="fullbleed-5050__slide__feature__chapter"> <div class="fullbleed-5050__slide__feature__chapter__icon chapter__item"> <img loading="lazy" src="https://fonts.gstatic.com/s/i/productlogos/maps/v7/192px.svg" width="66px" height="66px" style="margin: 0 -10px;" title="Google Maps Platform" alt="Google Maps Platform"> </div> <div class="fullbleed-5050__slide__feature__chapter__title chapter__item" role="heading" aria-level="3">Get going with Google Maps Platform</div> <div class="fullbleed-5050__slide__feature__chapter__buttons chapter__item"> <div class="fullbleed-5050__slide__feature__chapter__button"> <a class="button" href="https://console.cloud.google.com/google/maps-apis/start?ref=https://mapsplatform.google.com" aria-label="Visit cloud console to get started" data-append-utm data-category="whyGoogle" data-action="mapsCta" data-label="getStartedCloser"> Get started </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <footer class="footer"> <div class="footer__container"> <div class="footer__social"> <div class="footer__social__title"> Follow us </div> <div class="footer__social__links"> <div class="footer__social__links__link"> <a class="link" href="https://www.linkedin.com/showcase/googlemapsplatform/" target="_blank" rel="noopener" data-category="footer" data-action="linkClick" data-label="followLinkedIn"> <img loading="lazy" src="/static/images/icons/footer/Footer_Social_LINKEDIN.svg" width="24" height="24" title="LinkedIn" alt="LinkedIn"> <span class="link__label"></span> </a> </div> <div class="footer__social__links__link"> <a class="link" href="https://twitter.com/GMapsPlatform" target="_blank" rel="noopener" data-category="footer" data-action="linkClick" data-label="followTwitter"> <img loading="lazy" src="/static/images/icons/footer/Footer_Social_TWITTER.svg" width="24" height="24" title="Twitter" alt="Twitter"> <span class="link__label"></span> </a> </div> <div class="footer__social__links__link"> <a class="link" href="https://www.youtube.com/googlemapsplatform" target="_blank" rel="noopener" data-category="footer" data-action="linkClick" data-label="followYouTube"> <img loading="lazy" src="/static/images/icons/footer/Footer_Social_YOUTUBE.svg" width="24" height="24" title="YouTube" alt="YouTube"> <span class="link__label"></span> </a> </div> <div class="footer__social__links__link"> <a class="link" href="https://github.com/googlemaps/" target="_blank" rel="noopener" data-category="footer" data-action="linkClick" data-label="followGitHub"> <img loading="lazy" src="/static/images/icons/footer/Footer_Social_GITHUB.svg" width="24" height="24" title="Github" alt="Github"> <span class="link__label"></span> </a> </div> </div> </div> <div class="footer__site-links" accordion> <div class="footer__site-links__title" accordion-toggle> Helpful links </div> <div class="footer__site-links__links" accordion-body> <div class="footer__site-links__links__link"> <a class="link" href="https://developers.google.com/maps/documentation" target="_blank" rel="noopener" data-category="footer" data-action="linkClick" data-label="resourceDocumentation"><span class="link__label">Documentation</span> </a> </div> <div class="footer__site-links__links__link"> <a class="link" href="https://developers.google.com/maps/faq" target="_blank" rel="noopener" data-category="footer" data-action="linkClick" data-label="resourceFAQs"><span class="link__label">FAQs</span> </a> </div> <div class="footer__site-links__links__link"> <a class="link" href="/resources/quick-builder/" target="_blank" rel="noopener" data-category="footer" data-action="linkClick" data-label="resourceQuickBuilder"><span class="link__label">Quick builder</span> </a> </div> </div> </div> <div class="footer__google-links" role="navigation"> <a class="link footer__logo" href="https://www.google.com/" aria-label="Google"> <img loading="lazy" src="https://gstatic.com/images/branding/googlelogo/svg/googlelogo_dark54_clr_84x28px.svg" width="84" height="28" title="Google" alt="Google"> <span class="link__label"></span> </a> <ul class="footer__nav" aria-label="Footer links"> <li role="listitem"> <a class="link" href="https://about.google/" target="_blank" rel="noopener" data-category="footer" data-action="linkClick" data-label="infoAboutGoogle"><span class="link__label">About Google</span> </a> </li> <li role="listitem"> <a class="link" href="https://about.google/products/" target="_blank" rel="noopener" data-category="footer" data-action="linkClick" data-label="infoGoogleProducts"><span class="link__label">Google products</span> </a> </li> <li role="listitem"> <a class="link" href="https://policies.google.com/privacy" target="_blank" rel="noopener" data-category="footer" data-action="linkClick" data-label="infoPrivacy"><span class="link__label">Privacy</span> </a> </li> <li role="listitem"> <a class="link" href="https://policies.google.com/terms" target="_blank" rel="noopener" data-category="footer" data-action="linkClick" data-label="infoTerms"><span class="link__label">Terms</span> </a> </li> <li role="listitem"> <a class="link" href="https://cloud.google.com/product-terms/#section-6" target="_blank" rel="noopener" data-category="footer" data-action="linkClick" data-label="infoCloudTerms"><span class="link__label">Google Maps Platform Terms</span> </a> </li> </ul> <div class="footer__aside"> <ul class="footer__nav footer__nav--aside" aria-label="Footer links"> <li> <a class="link" href="https://support.google.com/maps/#topic=3092425" target="_blank" rel="noopener" data-category="footer" data-action="linkClick" data-label="infoHelp"> <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" fill="#5f6368"> <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"></path> </svg> <span class="link__label">Help</span> </a> </li> </ul> </div> </div> </div> </footer> </div> </div> <link href="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.css" rel="stylesheet" nonce="vZ4flr4FkK_ms-J9qsMt8g"> <script src="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.js" data-glue-cookie-notification-bar-category="2A" data-glue-cookie-notification-bar-site-id="mapsplatform.google.com" nonce="vZ4flr4FkK_ms-J9qsMt8g"></script> </body> </html>