CINXE.COM

<!DOCTYPE html><html data-wf-domain="www-production.mbxsandbox.com" data-wf-page="660a7db9cdfc89bec59082b9" data-wf-site="6050a76fa6a633d5d54ae714" lang="en"><head><meta charset="utf-8"><title>Display fast and fully-featured static maps with Mapbox</title><meta content="Easily display a static map on your website or mobile app using the Mapbox Static Images API." name="description"><meta content="Display fast and fully-featured static maps with Mapbox" property="og:title"><meta content="Easily display a static map on your website or mobile app using the Mapbox Static Images API." property="og:description"><meta content="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a7dda8e49b57ee230c87d_5edf3bccb30c0741fd7e57b6_Static%20maps.jpeg" property="og:image"><meta content="Display fast and fully-featured static maps with Mapbox" property="twitter:title"><meta content="Easily display a static map on your website or mobile app using the Mapbox Static Images API." property="twitter:description"><meta content="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a7dda8e49b57ee230c87d_5edf3bccb30c0741fd7e57b6_Static%20maps.jpeg" property="twitter:image"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/css/www-mapbox.3d4e63ee2.min.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Inconsolata:400,700","Source Code Pro:regular"] }});</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6050ac000ff99b5cdba92d07_mapbox_favicon_32x32%202.png" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6050ac04955ff26c84dcb8c8_mapbox_favicon_256x256.png" rel="apple-touch-icon"><link href="https://www.mapbox.com/static-maps" rel="canonical"> <script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-16617866687"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-16617866687'); </script>  <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-K0D3QK4GKE"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-K0D3QK4GKE'); </script> <meta name="google-site-verification" content="Dzacq39dG9z0KJrpt2pDQeL51Ip4O4jlJC2yWcOF0kY"> <script type="text/javascript" src="https://static-assets.mapbox.com/www/scripts/analytics.js"></script> <script id="jetboost-script" type="text/javascript"> window.JETBOOST_SITE_ID = "ckps6mxxo02l70tvy8z647c24"; (function(d) { var s = d.createElement("script"); s.src = "https://cdn.jetboost.io/jetboost.js"; s.async = 1; d.getElementsByTagName("head")[0].appendChild(s); })(document); </script> <script> // Screen Size Detection var desktop var tabletAndBelow var tablet var landscape var mobile; var viewportWidth = window.innerWidth; (function() { var throttle = function(type, name, obj) { obj = obj || window; var running = false; var func = function() { if (running) { return; } running = true; requestAnimationFrame(function() { obj.dispatchEvent(new CustomEvent(name)); running = false; }); }; obj.addEventListener(type, func); }; throttle("resize", "optimizedResize"); })(); var resizeEvent = function() { viewportWidth = window.innerWidth; //console.log(viewportWidth) if (viewportWidth > 991) { desktop = true tabletAndBelow = false tablet = false landscape = false mobile = false } else if (viewportWidth < 992 && viewportWidth > 767) { desktop = false tabletAndBelow = true tablet = true landscape = false mobile = false } else if (viewportWidth < 768 && viewportWidth > 479) { desktop = false tabletAndBelow = true tablet = false landscape = true mobile = false } else if (viewportWidth < 480) { desktop = false tabletAndBelow = true tablet = false landscape = false mobile = true } } resizeEvent() window.addEventListener("optimizedResize", resizeEvent); </script> <style type="text/css"> .w-webflow-badge { display:none!important; } .owl-carousel { display: -webkit-box; display: -ms-flexbox; display: flex; } #all-images { display: none; } </style> <script type="text/javascript"> (function (d, u, h, s) { h = d.getElementsByTagName('head')[0]; s = d.createElement('script'); s.async = 1; s.src = u + new Date().getTime(); h.appendChild(s); })(document, 'https://grow.clearbitjs.com/api/pixel.js?v='); </script>  <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="8b2986c7-1b66-4d3e-aa3e-d5851e622616"></script> <script type="text/javascript"> function OptanonWrapper() { } </script>  <style> .weglot-container { display: none !important; } </style><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"> <script> // this tag is required for analytics reporting window.mbxMetadata = { service: "maps", // comma delimited string product: "Static Images API, Static Tiles API", platform: "web,android,ios", content_type: "www" }; </script><script src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714%2F652d31f3dc22d7b4ee708e44%2F66f38672e00f7a2840218913%2Fclarity_script-5.3.7.js" type="text/javascript"></script><script type="application/json" id="weglot-data">{"originalCanonicalUrl":"https://www.mapbox.com/static-maps","allLanguageUrls":{"en":"https://www-production.mbxsandbox.com/static-maps","ja":"https://www-production.mbxsandbox.com/ja/static-maps"},"originalPath":"/static-maps","settings":{"website":"https://www-production.mbxsandbox.com","uid":"8b63088484","project_slug":"mapbox-website","deleted_at":null,"api_key_translate":"wg_83981be6869546ca8b81996e46f067b48","language_from":"en","language_from_custom_flag":null,"language_from_custom_name":null,"auto_switch":false,"auto_switch_fallback":null,"translation_engine":3,"excluded_paths":[],"excluded_blocks":[],"dynamics":[{"value":"mkto-form_component"},{"value":"body"}],"custom_settings":{"button_style":{"with_name":true,"full_name":true,"is_dropdown":true,"with_flags":false,"flag_type":"rectangle_mat","custom_css":""},"switchers":[],"translate_search":false,"loading_bar":true,"hide_switcher":false,"translate_images":false,"subdomain":false,"wait_transition":true,"dynamic":""},"media_enabled":false,"external_enabled":false,"page_views_enabled":false,"versions":{"translation":1731601420},"pending_translation_enabled":false,"curl_ssl_check_enabled":true,"languages":[{"language_to":"ja","custom_code":null,"custom_name":null,"custom_local_name":null,"provider":null,"enabled":true,"automatic_translation_enabled":true,"deleted_at":null,"connect_host_destination":null,"custom_flag":null}],"category":1,"organization_slug":"w-a245595ce5","technology_id":13,"technology_name":"Webflow","host":"www-production.mbxsandbox.com","is_https":true,"url_type":"SUBDIRECTORY","is_dns_set":true,"main_record":"proxy-ssl.webflow.com","cacheVersion":3,"cachedSettings":true},"translatedWordsList":[]}</script> <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js?api_key=wg_1233685692e8e181f1330dfd9e8cecce0"></script></head><body class="body listen-color-theme-body"><div class="page-wrap"><div class="project-css"><div class="all-breakpoints w-embed"><style> .dropdown-item{ padding: 2px 8px!important; } video{ border-radius: 20px; } body { /*-webkit-font-smoothing: antialiased;*/ -webkit-font-smoothing: antialiased; font-variant-numeric: lining-nums; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; font-feature-settings: "lnum"; } section { padding-top: 90px; padding-bottom: 90px; } a { color: inherit; text-decoration: none; } a:focus .arrow { transform: translate3D(45%, 0px, 0px); } .hide { display: none; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-3 { z-index: 3; } .visually-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .webkit-scrollbar-none::-webkit-scrollbar { display: none; } .will-change-transform { will-change: transform; } .card-image{ position: relative; } .card-image img{ width: 100%; height: 100%; object-fit: cover; position: absolute; } .card-image:after{ content: ''; display: block; padding-bottom: 56.25%; } /* Navbar for Chrome & Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { } .navbar-bg { /*backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ } .nav-arrow.open { transform: rotateX(180deg); } .radio.w--redirected-checked { box-shadow: inset #fff 0px 0px 0px 3px !important; border-color: #007AFC; } .tabs-menu.justify-center .tab-link { margin-right: 4px; margin-left: 4px; } #cta-single-button { display: none; } #footer-logo { margin-top: -5px; } #footer-nav { max-width: 880px; } .faq-tooltip-wrap { pointer-events: none; } .active .tooltip { transform: translateY(-115%); } .faq-head-h-wrap.focus-visible .opacity-0 { opacity: 1; } .faq-head-h-wrap.focus-visible .faq-tooltip-wrap.active { opacity: 1!important; } .font-weight-inherit { font-weight: inherit; } .button.open .dropdown-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } input[type="range"] { -webkit-appearance: none; width: 100%; height: 4px; background: linear-gradient(to right, #007AFC 0%, #007AFC 23%, #ECEFF5 23%, #ECEFF5 100%); border-radius: 2px; } input[type=range]::-webkit-slider-thumb, input[type=range]::-moz-range-thumb, input[type=range]::-ms-thumb { -webkit-appearance: none; width: 16px; height: 16px; background: #007AFC; border-radius: 50%; cursor: pointer; } .secondary-nav a.w--current { color: #007AFC; } .list.checkmark > * { margin-top: 8px; margin-bottom: 8px; padding-left: 24px; background-image: url('https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6193b685c4bb833663718cff_checkmark-12x24.svg'); background-position: top left; background-repeat: no-repeat; } .user-select-none; { user-select: none; } .radio-tab-link .radio { margin-top: 0px; } .radio-tab-link.active .radio { border-color: #007AFC; box-shadow: inset 0px 0px 0px 3px #fff; } .flex-gap-32{ gap: 32px; } .flex-gap-40{ gap: 40px; } .horizontal-scroll .container.flex.sizing-fixed { max-width: calc(100% - 80px); } .text-gradient-blue{ background: -webkit-linear-gradient(0deg, #0062CA, #3195FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .subscript{ vertical-align: sub; font-size: 50%; } .cta-single-button-wrap #cta-buttons-grid+.button { display: inline-block; } .input-copy{ width: 100%; padding-left: 12px; padding-right: 12px; background: transparent; border: none; text-align: center; } .input-copy.input-copy-left{ text-align: left; } .input-copy:focus{ outline: none; } .copy-field-button img:nth-child(2){ display: none; } textarea.input-copy{ min-height: 150px; width: 100%; min-width: 100%; max-width: 100%; } .square-70{ position: relative; } .square-70:after{ display: block; padding-bottom: 150px; content: ''; } .tab-link.transparent.w--current { color: #23262d; border-bottom-color: #007AFC; } #banner-build{ background:url('https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/636262cbd46c6c49d2f44386_banner-image.svg'), #120A46; background-position: center; height: 60px; padding-left: 20px; padding-right: 20px; transition: 250ms all; } #banner-build:hover{ background:url('https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/636262cbd46c6c49d2f44386_banner-image.svg'), #21156D; background-position: center; } #date-time{ background: linear-gradient(91.57deg, #913151 6.98%, #8B3458 6.98%, #007AFC 138.29%); border-radius: 4px; padding: 4px 8px; } .link#link-banner{ color: #fff!important; z-index: 100; } #cta{ padding: 60px; border-radius: 20px; } #lines-p{ display: flex; justify-content: center; align-items: center; gap: 23px; } #lines-p p { width: 100%; white-space: nowrap; font-weight: 500; font-size: 14px; line-height: 16px; color: #566171; } #lines-p [line="0"]{ width: 100%; height: 1px; padding: 0px; background-color: #D5DAE2; } [text-badge="blue"]{ background: #E6F2FF; border-radius: 4px; color: #007AFC; } [text-badge="green"]{ background: #E9FAF1; border-radius: 4px; color: #228A56; } [text-badge="purple"]{ background: #F9F2FF; border-radius: 4px; color: #7539D7; } [text-p="quote"]{ letter-spacing: -0.02em; font-weight: 400; font-size: 32px; line-height: 44px; color: #23262D; text-align: center; } #nav-grid{ column-gap: 80px; row-gap: 0px; } #banner-launch{ background: url('https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6387b9925e706c31ae5e9695_banner-bg.png'), #120A46; background-repeat: no-repeat; background-position: center; background-size: auto 100%; z-index: 10; padding: 14px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 16px; } #banner-launch:hover{ background: url('https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6387b9925e706c31ae5e9695_banner-bg.png'), #21156D; background-repeat: no-repeat; background-position: center; background-size: auto 100%; z-index: 10; } #banner-launch #banner-launch-sep{ height: 24px; width: 1px; padding: 0; background: rgba(255, 255, 255, 0.5); } #banner-launch p { font-size: 18px; } body.bg-gray-dark [nav="first-col"]{ background: #23262D; padding: 32px 40px; } body [nav="first-col"]{ background: #F7F9FC; padding: 32px 40px; } .nav-dropdown-grid-2{ gap: 0px!important; } #nav-grid .nav-dropdown-grid{ padding: 32px 60px; gap: 60px!important; } body.bg-gray-dark .icon-docs{ fill: #161A1D; } body .icon-docs{ fill: #E6F2FF; } body.bg-gray-dark ._3-col-icon._1 circle{ fill: rgba(35, 38, 45, 0.8); } body ._3-col-icon._1 circle{ fill: #FFF5EA; } body.bg-gray-dark ._3-col-icon._2 circle{ fill: rgba(35, 38, 45, 0.8); } body ._3-col-icon._2 circle{ fill: #E9FAF1; } body.bg-gray-dark ._3-col-icon._3 circle{ fill: rgba(35, 38, 45, 0.8); } body ._3-col-icon._3 circle{ fill: #F9F2FF; } body.bg-gray-dark div.nav-link{ padding-bottom: 16px; margin-bottom: 12px; border-bottom: 1px solid #333943; } body div.nav-link{ padding-bottom: 16px; margin-bottom: 12px; border-bottom: 1px solid #D5DAE2; } #community-col{ min-width: 200px; } #dev-col{ min-width: 180px; } #design-col{ min-width: 190px; } .bg-gray-dark .nav-header-line{ border-bottom: 1px solid #333943; } .bg-gray-dark #second-nav{ background: #161A1D; border: 1px solid #333943; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2); } .bg-gray-dark #second-nav .nav-item:hover{ color: #fff; } .bg-gray-dark .card, .bg-gray-dark .card:hover{ box-shadow: none; } .bg-gray-dark .card, .bg-gray-dark .cta-dark{ background-color: #161A1D; } .bg-gray-dark .stroies{ background-color: #161A1D; } .bg-gray-dark .soc-link{ background-color: #23262D; color: #A0AABA; } .bg-gray-dark .soc-link:hover{ background-color: #333943; color: #FFFFFF; } .nav-banner{ background: #2E127C; } .build-up{ gap: 40px!important; } </style></div><div class="desktop w-embed"><style> /* All desktop screens */ @media screen and (min-width: 992px) { .arrow { will-change: transform; } a:hover .arrow { transform: translate3D(45%, 0px, 0px); } a:hover .arrow.small { transform: translate3D(90%, 0px, 0px); } /*a:hover .title.tag { background: #5CD79A; } a:hover .title.tag.blue { background: #007AFC !important; color: #fff; }*/ .link.color-gray-60:hover { color: #007AFC; } .button.small:hover .arrow { transform: translateX(30%); } .disabled:hover .arrow { transform: translateX(0%) !important; } .custom-cursor.pointer .custom-cursor-default { opacity: 0; } .custom-cursor.move .custom-cursor-default { opacity: 0; } .custom-cursor.pointer.move .custom-cursor-pointer { opacity: 0; } .custom-cursor.pointer .custom-cursor-pointer { opacity: 1; } .custom-cursor.move .custom-cursor-move { opacity: 1; } .nav-link:hover .nav-dropdown-link-icon { color: #e8f4ff; } .nav-link:hover .nav-dropdown-link-text-small { color: #007AFC; } .nav-dropdown:before { /*content: ''; width: 24px; height: 24px; position: absolute; top: -3px; left: 238px; z-index: -1; border-radius: 3px; box-shadow: 0px 0px 8px 0px rgba(14, 16, 18, 0.1); transform: rotateZ(-45deg);*/ } .nav-dropdown:after { /*content: ''; width: 24px; height: 10px; position: absolute; top: -8px; left: 238px; background-image: url('https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6064635aba3ee84a03779472_nav-dropdown-thing.svg'); background-position: 50% 0%; background-size: 100%;*/ } .nav-dropdown._2:before, .nav-dropdown._2:after{ left: 182px; } .nav-dropdown._3:before, .nav-dropdown._3:after{ left: 70px; } .nav-dropdown { opacity: 0; pointer-events: none; } .nav-item-wrap:hover .nav-dropdown, .nav-dropdown.reveal { opacity: 1; pointer-events: auto; } .nav-item-wrap:hover .nav-arrow { transform: rotateZ(180deg); } .showcase-link:hover .showcase-link-bg { transform: scale3D(1, 1, 1); } .faq-head-h-wrap:hover .opacity-0 { opacity: 1; } .faq-head-h-wrap .faq-tooltip-wrap { opacity: 0!important; } .faq-head-h-wrap:hover .faq-tooltip-wrap.active { opacity: 1!important; } .callout-visual-sticky { height: calc(100vh - 100px); } .animation-phone .max-width-540 { width: 540px; } input[type="range"]:active, input[type="range"]:active::-webkit-slider-thumb, input[type=range]:active::-moz-range-thumb, input[type=range]:active::-ms-thumb{ background: #0062CA; } input[type="range"]:hover, input[type="range"]:hover::-webkit-slider-thumb, input[type=range]:hover::-moz-range-thumb, input[type=range]:hover::-ms-thumb{ background: #0062CA; } .secondary-nav a.w--current + div { transform: translateX(101%); } .secondary-nav .flex.align-center.overflow-hidden { margin-top: -12px; margin-bottom: -12px; position: relative; } .secondary-nav .flex.align-center.overflow-hidden div:last-child { width: 100%; height: 3px; position: absolute; bottom: 0; left: -101%; background: #007AFC; } #nav-products-grid .nav-link { width: 280px; } /* Solutions Dropdown */ #solutions-drop-col_01{ padding: 32px 40px 32px 32px; } #solutions-drop-col_02{ padding: 32px 40px 32px 32px; background: #F7F9FC; border-radius: 0px 8px 8px 0px; overflow: hidden; } .bg-gray-dark #solutions-drop-col_02{ background: #23262D; } } /* Navbar on small desktop screens */ @media screen and (max-width: 1200px) and (min-width: 992px) { .nav-item { padding-right: 15px; padding-left: 15px; } .nav-dropdown-col.mr-64 { margin-right: 50px; } .nav-dropdown { transform: translateX(30%); } .nav-dropdown-grid { grid-column-gap: 40px; } #nav-products-grid .nav-link { width: 250px; } .nav-dropdown._2 { transform: translateX(24%); } .nav-dropdown:before, .nav-dropdown:after{ left: 176px; } .nav-dropdown._2:before, .nav-dropdown._2:after{ left: 200px; } } </style></div><div class="tablet w-embed"><style> @media screen and (max-width: 991px) { .t_show { display: block !important; } section { padding-top: 70px; padding-bottom: 70px; } .nav-dropdown.open { display: block; } a:hover .arrow { transform: translateX(0%); } a:active .arrow { transform: translateX(45%); } input[type=range]::-webkit-slider-thumb, input[type=range]::-moz-range-thumb, input[type=range]::-ms-thumb { -webkit-appearance: none; width: 40px; height: 40px; background: #007AFC; border-radius: 50%; cursor: pointer; } #nav-grid{ column-gap: 0px; row-gap: 0px; } #nav-grid .nav-dropdown-grid{ padding: 24px 0px; gap: 36px!important; } body.bg-gray-dark [nav="first-col"]{ background: #23262D; padding: 15px 20px; } body [nav="first-col"]{ background: #F7F9FC; padding: 15px 20px; } } </style></div><div class="landscape w-embed"><style> @media screen and (max-width: 767px) { section { padding-top: 48px; padding-bottom: 48px; } .l_flex-gap-20{ gap: 20px; } #lines-p{ display: flex; justify-content: center; align-items: center; gap: 23px; } #lines-p p { width: 100%; white-space: normal; } #lines-p [line="0"]{ display: none; } } </style></div><div class="mobile w-embed"><style> @media screen and (max-width: 479px) { } </style></div><div class="dark-all-breakpoints w-embed"><style> body.bg-gray-dark .on-air { color: #fff; background: #23262D; } body.bg-gray-dark .promo-line { color: #fff; background: #0E3722; } body.bg-gray-dark .exit { color: #BBC2CE; } body.bg-gray-dark .exit:hover { color: #fff; } /* Navbar for Chrome & Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { body.bg-gray-dark .navbar-bg { background: #0e1012; } } /* Navigation */ body.bg-gray-dark .nav-dropdown, body.bg-gray-dark .nav-dropdown-bg { background: #161A1D; } body.bg-gray-dark .nav-dropdown, body.bg-gray-dark nav .title{ color: #A0AABA; } /*body.bg-gray-dark nav .title.tag{ color: #fff; }*/ body.bg-gray-dark nav .nav-link { color: #fff; } body.bg-gray-dark nav circle { color: #23262d; } body.bg-gray-dark .nav-dropdown-maps-grid-card { border-color: #003165; } body.bg-gray-dark #wheel-circle { fill: #23262d; } body.bg-gray-dark .nav-logo-link { color: #fff; } body.bg-gray-dark .secondary-nav.listen-color-theme { background: #161A1D; } body.bg-gray-dark .secondary-nav-link.listen-color-theme { color: #fff; } body.bg-gray-dark .secondary-nav-link.listen-color-theme:hover { color: #ECEFF5; } body.bg-gray-dark .secondary-nav-link.listen-color-theme.w--current { color: #007AFC; } body.bg-gray-dark .theme-switch { background: #003165; } body.bg-gray-dark .switcher { transform: translateX(17px) rotateZ(360deg); } body.bg-gray-dark .sun { opacity: 0; } body.bg-gray-dark .moon { opacity: 1; } body.bg-gray-dark .burger-line { background: #fff; } /* Typography */ body.bg-gray-dark .heading.listen-color-theme { color: #fff; } body.bg-gray-dark .p-regular.listen-color-theme { color: #A0AABA; } body.bg-gray-dark .title.listen-color-theme { color: #fff; } body.bg-gray-dark .title.tag.listen-color-theme { background: #228A56; } body.bg-gray-dark .footer-link { color: #A0AABA; } body.bg-gray-dark .rich-text.listen-color-theme h1, body.bg-gray-dark .rich-text.listen-color-theme h2, body.bg-gray-dark .rich-text.listen-color-theme h3, body.bg-gray-dark .rich-text.listen-color-theme h4, body.bg-gray-dark .rich-text.listen-color-theme h5, body.bg-gray-dark .rich-text.listen-color-theme h6 { color: #fff; } body.bg-gray-dark .rich-text.listen-color-theme p, body.bg-gray-dark .rich-text.listen-color-theme ul{ color: #A0AABA; } body.bg-gray-dark .rich-text.listen-color-theme strong { color: #eceff5; } /* Buttons */ body.bg-gray-dark .button.listen-color-theme.disabled, .button.dark-mode.disabled { color: #566171; background: #333943; } body.bg-gray-dark .button.stroke.listen-color-theme, .button.stroke.dark-mode { color: #FFFFFF; background: transparent; box-shadow: inset 0px 0px 0px 1px #566171; } body.bg-gray-dark .button.stroke.listen-color-theme.disabled { color: #566171; background: transparent; box-shadow: inset 0px 0px 0px 1px #566171; } body.bg-gray-dark .button.monochrome.listen-color-theme { color: #fff; background: #333943; } body.bg-gray-dark .button.monochrome.listen-color-theme.disabled { color: #566171; background: #23262d; } /* Links */ body.bg-gray-dark .link:hover { color: #3195FF; } /* Form Elements */ body.bg-gray-dark .input.listen-color-theme { color: #fff; background: #0E1012; border-color: #566171; } body.bg-gray-dark .input.listen-color-theme:placeholder { color: #8B96AA; } body.bg-gray-dark .input.listen-color-theme:hover { border-color: #8B96AA; } body.bg-gray-dark .input.listen-color-theme:focus { border-color: #007AFC; } body.bg-gray-dark .radio.listen-color-theme { box-shadow: inset #0E1012 0px 0px 0px 10px; border-color: #566171; } body.bg-gray-dark .radio.listen-color-theme.w--redirected-checked { box-shadow: inset #0E1012 0px 0px 0px 3px !important; border-color: #007AFC; } body.bg-gray-dark .checkbox.listen-color-theme { border-color: #566171; } body.bg-gray-dark .checkbox.listen-color-theme.w--redirected-checked { background-color: #007AFC; border-color: #007AFC; } /* Misc */ body.bg-gray-dark #log-in { color: #fff; } body.bg-gray-dark #log-in:hover { color: #007AFC; } body.bg-gray-dark .banner { background: #161A1D; } body.bg-gray-dark .cta-banner { background: #161A1D; } body.bg-gray-dark .divider.listen-color-theme { background: #333943; } body.bg-gray-dark .tabs-menu.border-bottom-1px { border-color: #333943; } body.bg-gray-dark .tab-link.listen-color-theme { color: #D5DAE2; } body.bg-gray-dark .tab-link.listen-color-theme:hover { color: #fff; } body.bg-gray-dark .tab-link.listen-color-theme.w--current { color: #fff; background: #003165; } body.bg-gray-dark .tab-link.transparent.listen-color-theme { background: transparent; color: #8B96AA; } body.bg-gray-dark .tab-link.transparent.listen-color-theme:hover { background: transparent; color: #A0AABA; } body.bg-gray-dark .tab-link.transparent.listen-color-theme.w--current { background: transparent; color: #fff; } /*body.bg-gray-dark .faq-head { background: #0E1012; } body.bg-gray-dark .faq-head-bg { background: #161A1D; }*/ body.bg-gray-dark .logo { color: #566171; } body.bg-gray-dark .social-link { color: #A0AABA; } body.bg-gray-dark .back-to-top { background: #333943; color: #fff; } body.bg-gray-dark .popup.listen-color-theme { background: rgba(14, 16, 18, 0.8); } body.bg-gray-dark .tooltip { background: rgba(0, 0, 0, 0.8); color: #fff; box-shadow: 0px 2px 34px 0px #000; } body.bg-gray-dark .card.listen-color-theme { background: #161A1D; box-shadow: none; } body.bg-gray-dark .showcase-link:hover { box-shadow: none; } body.bg-gray-dark .carousel-nav-link { color: #8b96aa; } body.bg-gray-dark .code-span { color: #2FC078; background: #0E3722; } body.bg-gray-dark .hero-gradient { background-image: linear-gradient(180deg, rgba(14,16,18,0.5), #0E1012) } body.bg-gray-dark .footer-bottom{ background: #161A1D; } </style></div><div class="dark-desktop w-embed"><style> @media screen and (min-width: 992px) { body.bg-gray-dark .on-air:hover { background: #333943; } body.bg-gray-dark .promo-line:hover { background: #145334; } /*body.bg-gray-dark a:hover .title.tag { background: #2FC078; }*/ body.bg-gray-dark .link.listen-color-theme:hover { color: #3195FF; } body.bg-gray-dark .nav-item { color: #fff; } body.bg-gray-dark .button.stroke.listen-color-theme:hover { color: #3195FF; background: #001832; box-shadow: inset 0px 0px 0px 1px #3195FF; } body.bg-gray-dark .button.stroke.listen-color-theme.disabled:hover { color: #566171; background: transparent; box-shadow: inset 0px 0px 0px 1px #566171; } body.bg-gray-dark .button.monochrome.listen-color-theme:hover { color: #fff; background: #003165; } body.bg-gray-dark .button.monochrome.listen-color-theme.disabled:hover { color: #566171; background: #23262d; box-shadow: none; } /*body.bg-gray-dark .faq-head:hover { background: #161A1D; }*/ body.bg-gray-dark .logo-link:hover { color: #BBC2CE; } body.bg-gray-dark .footer-link:hover { color: #3195FF; } body.bg-gray-dark .social-link:hover { color: #3195FF; } body.bg-gray-dark .back-to-top:hover { background: #003165; color: #64AFFF; } body.bg-gray-dark a.card.listen-color-theme:hover { background: #001832; box-shadow: inset 0px 0px 0px 1px #007AFC; } body.bg-gray-dark a.card.listen-color-theme.with-top-image:hover { background: #23262d; box-shadow: none; } body.bg-gray-dark .nav-dropdown:after { background-image: url('https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/630369de0fed0a29abf8c4b2_Polygon%2013.svg'); } body.bg-gray-dark nav .nav-link:hover { color: #3195FF; } body.bg-gray-dark nav .nav-link:hover circle { color: #012750; } body.bg-gray-dark nav .nav-link:hover #wheel-circle { fill: #012750; } } </style></div><div class="dark-tablet w-embed"><style> @media screen and (max-width: 991px) { body.bg-gray-dark .link:hover { color: #007AFC; } body.bg-gray-dark .link:active { color: #3195FF; } body.bg-gray-dark .button.stroke:active { color: #3195FF; box-shadow: inset 0px 0px 0px 1px #3195FF; } body.bg-gray-dark .faq-head:active { background: #161A1D; } body.bg-gray-dark .social-link:active { color: #007AFC; } body.bg-gray-dark .back-to-top:hover { background: #333943; color: #fff; } body.bg-gray-dark .back-to-top:active { background: #003165; color: #64AFFF; } body.bg-gray-dark .nav-links { background: #161A1D; color: #fff; } body.bg-gray-dark .nav-item { color: #fff; } body.bg-gray-dark .nav-item-wrap { border-color: #333943; } } </style></div><div class="michael-s-styles"><div class="custom-styles_faq w-embed"><style> /* Michael Lam's Global Styles */ .faq_accordion-component:last-child { margin-bottom: 0; } .faq-dropdown_component:last-child { border-bottom: 1px solid; } /* Dark Mode Styling */ .faq_accordion-group.is-dark .faq-dropdown_component { border-color: #333943; } .faq_accordion-group.is-dark .faq-dropdown_header-background { background-color: var(--gray90-161a1d); /* background-color: var(--gray80-23262d); for lighter dark background */ } .faq_accordion-group.is-dark .faq-dropdown_heading { color: #fff; } .faq_accordion-group.is-dark .faq-dropdown_body { color: #A0AABA; } /* Light Mode Styling */ .faq_accordion-group.is-light .faq-dropdown_component { border-color: var(--gray20-d5dae2); } .faq_accordion-group.is-light .faq-dropdown_header-background { /*background-color: var(--gray5-f7f9fc);*/ } .faq_accordion-group.is-light .faq-dropdown_heading { color: #0e1012; } .faq_accordion-group.is-light .faq-dropdown_body-inner { /*padding-top: 2rem;*/ } </style></div><div class="custom-styles_slider-card w-embed"><style> .cms-slider-wrap.is-dark .slider-card-in { background: var(--gray90-161a1d); } .cms-slider-wrap.is-dark .slider-card { box-shadow: none; } .cms-slider-wrap.is-dark .slider-card h3 { color: #fff; } </style></div><div class="tooltip-css"><div class="custom-styles w-embed"><style> /*.tooltip_component.is-open .tooltip_reveal { display: block; }*/ </style></div></div><div class="sub-navigation-styles"><div class="custom-styles w-embed"><style> /* Hides scrollbar */ .sub-navigation_layout::-webkit-scrollbar { display: none; } /* [color-theme] = "dark" | "light" */ .sub-navigation_component[color-theme="dark"], .sub-navigation_component[color-theme="dark"] .sub-navigation_layout { border-color: var(--gray70-333943); background-color: var(--gray90-161a1d); } .sub-navigation_component[color-theme="light"], .sub-navigation_component[color-theme="light"] .sub-navigation_layout { border-color: var(--gray20-d5dae2); background-color: #fff; } .sub-navigation_component[color-theme="dark"] .sub-navigation_link.w--current { color: white; border-bottom-color: white; } .sub-navigation_component[color-theme="light"] .sub-navigation_link.w--current { color: #23262d; border-bottom-color: #007afc; } @media screen and (min-width: 992px) { .sub-navigation_component[color-theme="dark"] .sub-navigation_link:hover { color: white; } .sub-navigation_component[color-theme="light"] .sub-navigation_link:hover { color: #23262d; } } /* [navigation-style] = "flush" | "floating" */ @media screen and (min-width: 992px) { .sub-navigation_component[navigation-style="floating"] { background-color: transparent; border-color: transparent; padding-top: 1.5rem; margin-top: -1.5rem; } .sub-navigation_component[navigation-style="floating"] .sub-navigation_layout { display: inline-flex; border-radius: 100rem; padding: 0 2.5rem; border-width: 1px; border-style: solid; } .sub-navigation_component[navigation-style="floating"][color-theme="dark"] .sub-navigation_layout { box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2); } .sub-navigation_component[navigation-style="floating"][color-theme="light"] .sub-navigation_layout { box-shadow: 0px 6px 20px rgba(95, 126, 155, 0.12); } .sub-navigation_component[navigation-style="floating"] .sub-navigation_link.w--current { border-bottom-color: transparent; } } /* [alignment] = "left" | "center" */ .sub-navigation_component[alignment="left"] { } .sub-navigation_component[alignment="center"] { text-align: center; } .sub-navigation_component[alignment="center"] .sub-navigation_layout { justify-content: center; } @media screen and (max-width: 991px) { .sub-navigation_component[alignment="center"] { text-align: unset; } .sub-navigation_component[alignment="center"] .sub-navigation_layout { justify-content: unset; } } </style></div></div></div></div><div class="page-css"><div class="all-breakpoints w-embed"><style> header { padding-top: 160px; } #our-roots { padding-top: 48px; padding-right: 56px; padding-bottom: 48px; padding-left: 56px; } #our-roots-p { max-height: 300px; overflow: auto; } </style> <style> .owl-stage-outer { overflow: visible !important; } .owl-stage, .owl-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .owl-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 1200px; max-width: calc(100vw - 80px); } .owl-carousel .owl-nav button { margin-right: 6px; margin-left: 6px; min-width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 28px!important; color: #333943!important; background: #F2F6FB!important; border-radius: 50%; outline: none!important; transition: all 100ms ease; } .owl-carousel .owl-nav button:hover { background: #E3F3FF!important; } button.owl-prev.disabled, button.owl-next.disabled { /*background: rgba(242, 246, 251, 0.5)!important;*/ background: #fafafa!important; color: #cccccc!important; cursor: default !important; cursor: default !important; } button.owl-prev.disabled:hover, button.owl-next.disabled:hover { /*background: rgba(242, 246, 251, 0.5)!important;*/ background: #fafafa!important; /*background: #F2F6FB!important;*/ cursor: default !important; } .dev-slider-overlay { pointer-events: none; } @media (min-width: 992px) { .u_rsrs-card:hover .u_more-arr { transform: translateX(75%); } .cms-slider-wrap { max-width: calc(100vw - 80px); } } @media (max-width: 991px) { .cms-slider-wrap, .owl-nav { max-width: calc(100vw - 80px); } } @media (max-width: 767px) { .cms-slider-wrap, .owl-nav { max-width: calc(100vw - 40px); } } </style></div><div class="desktop w-embed"><style> /* All desktop screens */ @media screen and (min-width: 992px) { } </style></div><div class="tablet w-embed"><style> @media screen and (max-width: 991px) { header { padding-top: 120px; } #aws-re-invent { width: calc(120px * 0.9); } } </style></div><div class="landscape w-embed"><style> @media screen and (max-width: 767px) { header { padding-top: 150px; } #our-roots { padding: 24px; } #aws-re-invent { max-width: calc(120px * 0.75); } } </style></div><div class="mobile w-embed"><style> @media screen and (max-width: 479px) { } </style></div><div class="slider-css w-embed w-script"><script> // This script, just let it be here) </script> <style> /* Slider CSS*/ .home-carousel-slide-in, .home-carousel-video-lightbox { pointer-events: none; } .carousel.carousel-slider{top:0;left:0}.carousel.carousel-slider .carousel-fixed-item{position:absolute;left:0;right:0;bottom:20px;z-index:1}.carousel.carousel-slider .carousel-fixed-item.with-indicators{bottom:68px}.carousel.carousel-slider .carousel-item{width:100%;height:100%;min-height:400px;position:absolute;top:0;left:0}.carousel.carousel-slider .carousel-item h2{font-size:24px;font-weight:500;line-height:32px}.carousel.carousel-slider .carousel-item p{font-size:15px}.carousel .carousel-item{visibility:hidden;position:absolute;top:0;left:0}.carousel .carousel-item>img{width:100%} </style></div></div><div class="u_page-wrap"><div class="navbar-wrap"><div><div color-mode="light" class="navbar_2023"><div class="navbar_styles w-embed"><style> [color-mode="dark"] { --nav--light-bg: var(--nav--dark-bg); --nav--light-text-primary: var(--nav--dark-text-primary); --nav--light-icon: var(--nav--dark-icon); --nav--light-icon-globe: var(--nav--dark-icon-globe); --nav--light-stroke: var(--nav--dark-stroke); --nav--light-overlay: var(--nav--dark-overlay); --nav--light-menu: var(--nav--dark-menu); transition: background-color 0.1s ease, color 0.1s ease, fill 0.1s ease, stroke 0.1s ease; } /*[color-mode="light"] { transition: background-color 0.1s ease, color 0.1s ease, fill 0.1s ease, stroke 0.1s ease; }*/ .navbar_new { transition: background-color 0.3s ease, color 0.1s ease, fill 0.1s ease, stroke 0.1s ease; } .nav_link-toggle { overflow-x: hidden; } .tabs-container.is-mobile { transition: height 1s ease; } @media (min-width: 991px) and (max-width: 1200px) { .hide-tablet, .nav_right-hide-tablet { display: none; } mobile_menu-wr { display: flex; } .navbar_menu { justify-content: flex-end; column-gap: 0rem; } .mobile_menu-wr { display: flex; margin-right: -11px; } } @media screen and (max-width: 991px) { [color-mode="dark"] .nav_text.is-login { color: white; } } </style></div><div class="navbar_tablet-styles w-embed"><style>@media (min-width: 991px) and (max-width: 1200px){.nav_mobile-right-left{display:none!important;}.mobile_menu-wr{margin-right:-11px;display:flex}.navbar_login-reg-wr{background-color:#fff;flex-direction:column;justify-content:flex-end;align-items:stretch;padding-bottom:3rem;padding-left:1rem;padding-right:1rem}.nav_tab_list{display:block}.nav_cta-group{display:none}.nav_cta-group.is-resources.show-tablet{max-width:300px;margin-left:2.5rem;margin-right:2.5rem;display:flex}.navbar_brand.is-mobile{align-items:center;display:flex}.nav_social-link{grid-column-gap:.25rem;flex-wrap:wrap;display:flex}.nav_tab_menu{width:100%;max-width:none;grid-row-gap:0;border-right-style:none;margin-right:0;padding-right:0}.hide-tablet{display:none}.tab-1-mobile{z-index:3;height:100%;background-color:var(--white-ffffff);flex:none;align-items:flex-start;display:none;position:relative}.navbar_wrapper{position:static}.nav_link-list{z-index:2;padding-top:0;position:static;top:0;overflow:hidden}.nav_link-list.w--open{box-shadow:none;border-top-style:none;padding-top:0}.login-dd{width:100%;max-width:21rem;flex-direction:row;justify-content:flex-start;align-self:center;align-items:flex-start;padding:.5rem;font-size:.9rem;display:block}.nav_link{z-index:1;width:100%;margin-left:0}.login-dd_link{justify-content:center;padding-top:1rem;padding-bottom:1rem;padding-left:0}.menu_line{width:18px;background-color:var(--nav--light-menu)}.navbar_mobile_content{height:100%;background-color:#fff;position:relative;overflow:auto}.navbar_menu{grid-column-gap:0;justify-content:flex-end}.navbar_menu.hide-mobile-landscape{justify-content:flex-end}.tab-2-mobile{z-index:3;height:100%;align-items:flex-start;display:none;position:relative}.nav_mobile{height:100vh;flex-direction:column;justify-content:flex-start;margin-top:0;display:none;bottom:auto;left:0;right:0;overflow:hidden}.login-dd_toggle{color:#16282d;justify-content:center;align-items:center;padding-bottom:0;padding-right:0;display:flex}.login-dd_toggle.w--open{justify-content:center;padding-bottom:.5rem}.nav_link-wr{height:auto;grid-template-columns:.5fr;padding:0;overflow:hidden}.tab-3-mobile{z-index:3;height:100%;align-items:flex-start;display:none;position:relative}.nav_link-col{background-color:transparent;margin-top:0;padding-bottom:0;overflow:auto}.nav_link-col.is-border-left{border-left-style:none;margin-left:0;margin-right:0;padding-left:.5rem}.nav_link-col.is-tab{padding-bottom:56px}.navbar_login-reg{width:100%;max-width:45rem;grid-row-gap:.5rem;background-color:#fff;flex-direction:column;align-items:stretch;margin-left:auto;margin-right:auto;padding-bottom:0;padding-left:0;padding-right:0}.nav_link_heading{margin-bottom:.5rem;font-size:.875rem}.navbar_mobile-button-wrapper{z-index:10;grid-column-gap:12px;grid-row-gap:12px;margin-top:1.5rem;margin-bottom:25vh;padding-left:2.5rem;padding-right:2.5rem;display:flex}.nav_tab_toggle{padding-left:0;position:relative}.nav_link-toggle{z-index:0;opacity:1;border-bottom-style:none;border-bottom-width:0;justify-content:space-between;padding:1.125rem 2.5rem;font-weight:600;display:flex}.nav_link-toggle.w--open{border-bottom-color:rgba(230,235,232,0);justify-content:space-between}.nav_link-toggle.is-sticky.w--open{z-index:3;background-color:#fff;position:-webkit-sticky;position:sticky;top:0}.burger{width:2.5rem;height:2.5rem;display:flex}.nav_tab_label.is-product{font-size:1.125rem;font-weight:500}.nav_link-bg{width:100%}.login-dd_list-content{grid-row-gap:0;background-color:#f6f3f1;padding:0}.button-5.is-navbar{color:#fff;background-color:#16282d}.nav_link-content{grid-column-gap:1.5rem;grid-row-gap:1.5rem;background-color:#f5f2ee;border-radius:.25rem;grid-template-columns:1fr 1fr;padding:2rem}.nav_link-content.is-product{background-color:#fff;grid-template-columns:1fr;padding:0}.nav_link-content.is-solution{grid-template-columns:1fr}.nav_link-content.is-dev{background-color:#fff;grid-template-columns:1fr;padding:0}.login-dd_icon{color:#16282d;margin-left:.8rem;font-size:1rem;right:1rem}.login-dd_icon.is-login{position:static}.tabs-container.is-mobile{z-index:15;background-color:var(--white-ffffff);flex:1;justify-content:flex-start;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.nav_dd-links{z-index:5;width:100%;flex-direction:column;margin-left:auto;margin-right:auto;padding-top:6px;position:relative}.nav_tab_group{height:100%;grid-column-gap:0;grid-row-gap:0;flex-direction:column;justify-content:flex-start;margin-bottom:2rem;display:flex}.nav_link_link{margin-bottom:0;padding-top:.25rem;padding-bottom:.25rem;transition:font-variation-settings .3s,color .6s}.nav_link_link:hover{color:#16282d;background-color:transparent;font-weight:600}.nav_mobile-link{grid-column-gap:.625rem;grid-row-gap:.625rem;opacity:1;justify-content:flex-start;align-items:center;padding:.625rem 2.5rem;display:flex}.nav_mobile-link:hover{color:#16282d}.nav_mobile-link.is-solution{align-items:flex-start;padding-top:.875rem;padding-bottom:.875rem}.login-dd_list.w--open{box-shadow:none;padding-top:0;padding-bottom:0;position:static;overflow:hidden}.nav_text{color:var(--gray80-23262d);letter-spacing:-.02em;font-size:1.125rem}.nav_text.is-bottom{color:var(--gray60-566171);letter-spacing:-.01em;font-size:.9375rem}.nav_product-link-block{padding-left:2.5rem;padding-right:2.5rem}.nav_dev-link,.nav_link-block{padding-left:0;position:relative}.nav_link-block.is-small{padding:.625rem 2.5rem}.nav_company-block,.nav,.nav_company-link{padding-left:0;position:relative}.nav_category-heading.is-mobile{margin-bottom:18px;margin-left:2.5rem}.nav_link-text{opacity:1;border-bottom:1px solid #e6ebe8;padding-top:1rem;padding-bottom:1rem;font-weight:600;display:flex}.nav_link-text.w--open{border-bottom-color:rgba(230,235,232,0);justify-content:space-between}.nav_right{grid-column-gap:7px}.nav_lang-dd{right:0}.nav_lang-dropdown{margin-right:6px}.nav_dd-text,.nav_text-link{color:#16282d;font-size:1rem}.nav_icon.is-mobile{width:11px;height:7px}.nav_right-hide-tablet{display:none}.nav_mobile-bottom{z-index:999999;width:100%;background-color:var(--white-ffffff);border-top:1px solid #e2e5eb;justify-content:center;padding:1rem 1.5rem;display:flex;position:fixed;top:auto;bottom:0;left:0;right:0}.nav_mobile-links{width:100%;padding-top:6px}.nav_mobile-link-dd{z-index:2;box-shadow:none;border-top-style:none;padding-top:0;position:relative;top:auto;bottom:auto;left:auto;right:auto;overflow:hidden}.nav_mobile-link-dd.w--open{box-shadow:none;padding-top:0}.nav_mobile-divider{height:1px;max-height:1px;background-color:#e2e5eb;margin-top:6px;margin-left:2.5rem;margin-right:2.5rem;padding-bottom:0;padding-right:0}.nav_mobile-divider.is-dd{width:auto;margin-top:0;position:absolute;top:auto;bottom:0;left:0;right:0}.nav_mobile-divider.is-solutions{margin-top:4px}.nav_mobile-divider.is-category{position:absolute;top:auto;bottom:0;left:0;right:0}.nav_tab-top{height:56px;background-color:var(--white-ffffff);color:var(--gray60-566171);border-bottom:1px solid #e2e5eb;justify-content:space-between;align-items:center;margin-left:2.5rem;margin-right:2.5rem;font-size:16px;line-height:16px;display:flex}.nav_tab-top-left{grid-column-gap:10px;grid-row-gap:10px;align-items:center;padding-top:1rem;padding-bottom:1rem;font-weight:500;display:flex}.nav_x{width:48px;height:48px;justify-content:center;align-items:center;margin-right:-17px;display:flex}.nav_x.is-main{margin-left:-3px}.nav_tab-header{grid-column-gap:.625rem;grid-row-gap:.625rem;opacity:1;justify-content:flex-start;align-items:center;margin-top:12px;margin-bottom:-2px;padding:.625rem 2.5rem;display:flex}.nav_tab-header:hover{color:#16282d}.nav_tab-header.is-sticky{background-color:#fff;position:-webkit-sticky;position:sticky;top:0}.navbar_mobile-top{height:56px;min-height:56px;justify-content:space-between;align-items:center;padding-left:2.5rem;padding-right:2.5rem;display:flex}.nav_mobile-right{align-items:center;display:flex}.icon-x{height:14px}.nav_link-mobile{z-index:0;width:100%;margin-left:0;position:static}.nav_link-mobile.is-sticky{position:-webkit-sticky;position:sticky;top:0}.nav_mobile-solutions-links{margin-top:10px}.nav_mobile-category{max-width:none;padding-bottom:22px;padding-right:0;position:relative}.nav_mobile-category.is-first{padding-top:20px}.nav_mobile-category.is-showcase{padding-bottom:32px}.nav_mobile-category-wr{grid-column-gap:2rem;grid-row-gap:2rem;flex-direction:column;display:flex}.nav_category-link{line-height:1.5rem}.nav_socials{grid-column-gap:4px;grid-row-gap:4px;flex-direction:column;display:flex}.nav_mobile-right-left{align-items:center;display:flex}.nav_page-overlay{display:none}}</style></div><div class="navbar_script w-embed w-script"><script> document.addEventListener('DOMContentLoaded', function() { // Function to add 'w--open' class and apply styles to specified elements with a delay function addOpenClass() { setTimeout(function() { var productListElement = document.getElementById('product-dd-list'); var productElement = document.getElementById('w-dropdown-toggle-7'); if (productListElement) { productListElement.classList.add('w--open'); } if (productElement) { productElement.classList.add('w--open'); // Apply additional styles when 'w--open' class is added productElement.style.backgroundColor = 'rgb(244, 246, 249)'; productElement.style.transform = 'translate3d(0px, -1px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)'; productElement.style.transformStyle = 'preserve-3d'; productElement.style.color = 'rgb(0, 122, 252)'; } }, 50); } // Select all elements with the class '.nav_tab-top-left.w-inline-block' var tabElements = document.querySelectorAll('.nav_tab-top-left.w-inline-block'); // Add click event listener to each tab element tabElements.forEach(function(tabElement) { tabElement.addEventListener('click', addOpenClass); }); }); </script> <script> window.onload = function() { var navLinks = document.querySelectorAll('.nav_link-list'); navLinks.forEach(function(link) { link.style.height = '0%'; link.style.opacity = '0'; }); }; </script> <script> document.addEventListener('DOMContentLoaded', function () { var navbar = document.querySelector('.navbar_2023'); var initialMode = navbar.getAttribute('color-mode'); navbar.addEventListener('mouseover', function () { // Check if the screen size is larger than 991px if (window.innerWidth > 991) { changeColorMode('light'); } }); navbar.addEventListener('mouseout', function () { // Check if the screen size is larger than 991px if (window.innerWidth > 991) { changeColorMode('dark'); } }); function changeColorMode(mode) { // Check the current color mode var currentMode = navbar.getAttribute('color-mode'); // If the initial mode is 'dark' and the requested mode is 'light' if (initialMode === 'dark' && currentMode === 'dark' && mode === 'light') { // Change color mode to 'light' on hover navbar.setAttribute('color-mode', 'light'); // Add 'light' class for additional styling (if needed) navbar.classList.add('light'); } // If the initial mode is 'dark' and the requested mode is 'dark' else if (initialMode === 'dark' && currentMode === 'light' && mode === 'dark') { // Change color mode back to 'dark' on hover out navbar.setAttribute('color-mode', 'dark'); // Remove 'light' class (if it was added previously) navbar.classList.remove('light'); } } }); </script> <script> document.addEventListener('DOMContentLoaded', function () { // Get all elements with the class .nav_link-toggle var toggleElements = document.querySelectorAll('.nav_link-toggle'); // Iterate over each toggle element toggleElements.forEach(function (toggleElement) { // Get the child element with the class .nav_text var navTextElement = toggleElement.querySelector('.nav_text'); // Add event listeners for hover and hover out on the .nav_link-toggle parent toggleElement.addEventListener('mouseover', function () { // Change the color of .nav_text on hover if (navTextElement && window.innerWidth > 991) { navTextElement.style.transition = 'color 100ms ease'; navTextElement.style.color = '#007AFC'; } }); toggleElement.addEventListener('mouseout', function () { // Change the color of .nav_text on hover out if (navTextElement && window.innerWidth > 991) { navTextElement.style.transition = 'color 100ms ease'; navTextElement.style.color = 'var(--nav--light-text-primary)'; } }); // Add event listeners for hover and hover out on the .nav_link-list sibling var siblingLinkList = toggleElement.nextElementSibling; // Assuming the .nav_link-list is a sibling if (siblingLinkList) { siblingLinkList.addEventListener('mouseover', function () { // Change the color of .nav_text on hover of .nav_link-list sibling if (navTextElement && window.innerWidth > 991) { navTextElement.style.transition = 'color 100ms ease'; navTextElement.style.color = '#007AFC'; } }); siblingLinkList.addEventListener('mouseout', function () { // Change the color of .nav_text on hover out of .nav_link-list sibling if (navTextElement && window.innerWidth > 991) { navTextElement.style.transition = 'color 100ms ease'; navTextElement.style.color = 'var(--nav--light-text-primary)'; } }); } }); }); </script></div><nav class="navbar_new"><div class="padding-navbar"><div class="navbar_wrapper"><a href="/" class="navbar_brand w-nav-brand"><div class="navbar_logo hide-mobile-landscape w-embed"><svg width="126" height="28" viewBox="0 0 126 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M94.0376 7.66947C92.4586 7.66947 90.9434 8.31514 89.8429 9.44899V3.449C89.8429 3.26002 89.6834 3.10254 89.492 3.10254H87.3548C87.1634 3.10254 87.0039 3.26002 87.0039 3.449V19.6695C87.0039 19.8584 87.1634 20.0159 87.3548 20.0159H89.492C89.6834 20.0159 89.8429 19.8584 89.8429 19.6695V18.5514C90.9434 19.6852 92.4427 20.3309 94.0376 20.3309C97.371 20.3309 100.066 17.4962 100.066 14.0002C100.066 10.5041 97.371 7.66947 94.0376 7.66947ZM93.5432 17.7955C91.5176 17.7955 89.8748 16.1262 89.8589 14.0474V13.9529C89.8908 11.8742 91.5176 10.2049 93.5432 10.2049C95.5847 10.2049 97.2275 11.9057 97.2275 14.0002C97.2275 16.0947 95.5687 17.7955 93.5432 17.7955Z" fill="currentColor"></path> <path d="M107.93 7.66919C104.325 7.66919 101.406 10.5038 101.406 13.9999C101.406 17.496 104.325 20.3306 107.93 20.3306C111.534 20.3306 114.453 17.496 114.453 13.9999C114.453 10.5038 111.534 7.66919 107.93 7.66919ZM107.914 17.7952C105.872 17.7952 104.229 16.0944 104.229 13.9999C104.229 11.9054 105.888 10.2046 107.914 10.2046C109.939 10.2046 111.598 11.9054 111.598 13.9999C111.598 16.0944 109.939 17.7952 107.914 17.7952Z" fill="currentColor"></path> <path d="M68.0398 7.98415H65.9026C65.7112 7.98415 65.5517 8.14163 65.5517 8.33061V9.44872C64.4512 8.31486 62.9519 7.66919 61.357 7.66919C58.0236 7.66919 55.3281 10.5038 55.3281 13.9999C55.3281 17.496 58.0236 20.3306 61.357 20.3306C62.936 20.3306 64.4512 19.6849 65.5517 18.5511V19.6692C65.5517 19.8582 65.7112 20.0156 65.9026 20.0156H68.0398C68.2312 20.0156 68.3907 19.8582 68.3907 19.6692V8.33061C68.3907 8.14163 68.2312 7.98415 68.0398 7.98415ZM61.8514 17.7952C59.8099 17.7952 58.1671 16.0944 58.1671 13.9999C58.1671 11.9054 59.8259 10.2046 61.8514 10.2046C63.877 10.2046 65.5198 11.8739 65.5357 13.9527V14.0471C65.5198 16.1259 63.877 17.7952 61.8514 17.7952Z" fill="currentColor"></path> <path d="M78.7104 7.66919C77.1315 7.66919 75.6163 8.31486 74.5158 9.44872V8.33061C74.5158 8.14163 74.3563 7.98415 74.1649 7.98415H72.0276C71.8363 7.98415 71.6768 8.14163 71.6768 8.33061V24.5511C71.6768 24.7401 71.8363 24.8975 72.0276 24.8975H74.1649C74.3563 24.8975 74.5158 24.7401 74.5158 24.5511V18.5511C75.6163 19.6849 77.1155 20.3306 78.7104 20.3306C82.0439 20.3306 84.7393 17.496 84.7393 13.9999C84.7393 10.5038 82.0439 7.66919 78.7104 7.66919ZM78.216 17.7952C76.1904 17.7952 74.5477 16.1259 74.5317 14.0471V13.9527C74.5636 11.8739 76.1904 10.2046 78.216 10.2046C80.2575 10.2046 81.9003 11.9054 81.9003 13.9999C81.9003 16.0944 80.2575 17.7952 78.216 17.7952Z" fill="currentColor"></path> <path d="M48.9329 7.66915C47.338 7.68489 45.8866 8.59828 45.2008 10.0314C44.4193 8.56678 42.8562 7.6534 41.1815 7.66915C39.8737 7.66915 38.6456 8.29907 37.88 9.33844V8.33056C37.88 8.14159 37.7205 7.98411 37.5291 7.98411H35.3919C35.2005 7.98411 35.041 8.14159 35.041 8.33056V19.6691C35.041 19.8581 35.2005 20.0156 35.3919 20.0156H37.5291C37.7205 20.0156 37.88 19.8581 37.88 19.6691V12.8817C37.9598 11.3699 39.0284 10.1573 40.3362 10.1573C41.6919 10.1573 42.8243 11.2754 42.8243 12.74V19.6691C42.8243 19.8581 42.9838 20.0156 43.1752 20.0156H45.3284C45.5198 20.0156 45.6793 19.8581 45.6793 19.6691L45.6633 12.614C45.8547 11.2282 46.8595 10.1573 48.0876 10.1573C49.4433 10.1573 50.5757 11.2754 50.5757 12.74V19.6691C50.5757 19.8581 50.7352 20.0156 50.9266 20.0156H53.0798C53.2712 20.0156 53.4307 19.8581 53.4307 19.6691L53.4147 11.8739C53.4147 9.54316 51.4051 7.66915 48.9329 7.66915Z" fill="currentColor"></path> <path d="M125.953 19.5276L122.252 13.9685L125.921 8.45669C126.016 8.31496 125.969 8.11024 125.825 8.01575C125.777 7.98425 125.713 7.96851 125.65 7.96851H123.177C122.986 7.96851 122.811 8.06299 122.715 8.22047L120.562 11.7953L118.409 8.23622C118.313 8.07874 118.137 7.98425 117.946 7.98425H115.474C115.298 7.98425 115.155 8.12599 115.155 8.29921C115.155 8.36221 115.171 8.4252 115.203 8.47244L118.871 13.9843L115.171 19.5433C115.075 19.685 115.123 19.8898 115.267 19.9843C115.314 20.0158 115.378 20.0315 115.442 20.0315H117.914C118.106 20.0315 118.281 19.937 118.377 19.7795L120.578 16.1575L122.779 19.7795C122.874 19.937 123.05 20.0315 123.241 20.0315H125.682C125.857 20.0315 126.001 19.8898 126.001 19.7165C126.001 19.6535 125.985 19.5906 125.953 19.5276Z" fill="currentColor"></path> <path d="M14.179 0C6.34786 0 0 6.26772 0 14C0 21.7323 6.34786 28 14.179 28C22.0102 28 28.358 21.7323 28.358 14C28.358 6.26772 22.0102 0 14.179 0ZM20.9097 17.4331C16.061 22.2205 7.40052 20.6929 7.40052 20.6929C7.40052 20.6929 5.83748 12.1575 10.702 7.35433C13.3975 4.69291 17.8633 4.80315 20.6864 7.5748C23.5094 10.3465 23.6051 14.7717 20.9097 17.4331Z" fill="currentColor"></path> <path d="M15.806 8.20459L14.4184 11.0235L11.5635 12.3936L14.4184 13.7636L15.806 16.5825L17.1936 13.7636L20.0486 12.3936L17.1936 11.0235L15.806 8.20459Z" fill="currentColor"></path> </svg></div><div class="navbar_logo show-mobile-landscape w-embed"><svg width="108" height="24" viewBox="0 0 108 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M80.5877 6.57418C79.2345 6.57418 77.9361 7.12761 76.993 8.09949V2.95663C76.993 2.79465 76.8563 2.65967 76.6923 2.65967H74.8608C74.6967 2.65967 74.5601 2.79465 74.5601 2.95663V16.8599C74.5601 17.0219 74.6967 17.1569 74.8608 17.1569H76.6923C76.8563 17.1569 76.993 17.0219 76.993 16.8599V15.9015C77.9361 16.8734 79.2209 17.4268 80.5877 17.4268C83.4443 17.4268 85.7542 14.9971 85.7542 12.0005C85.7542 9.00387 83.4443 6.57418 80.5877 6.57418ZM80.164 15.2536C78.4281 15.2536 77.0203 13.8228 77.0066 12.041V11.96C77.034 10.1782 78.4281 8.74741 80.164 8.74741C81.9135 8.74741 83.3213 10.2052 83.3213 12.0005C83.3213 13.7958 81.8998 15.2536 80.164 15.2536Z" fill="currentColor"></path> <path d="M92.4916 6.57422C89.4026 6.57422 86.9014 9.00391 86.9014 12.0005C86.9014 14.9972 89.4026 17.4269 92.4916 17.4269C95.5806 17.4269 98.0819 14.9972 98.0819 12.0005C98.0819 9.00391 95.5806 6.57422 92.4916 6.57422ZM92.4779 15.2536C90.7284 15.2536 89.3206 13.7958 89.3206 12.0005C89.3206 10.2053 90.7421 8.74745 92.4779 8.74745C94.2138 8.74745 95.6353 10.2053 95.6353 12.0005C95.6353 13.7958 94.2138 15.2536 92.4779 15.2536Z" fill="currentColor"></path> <path d="M58.308 6.84419H56.4765C56.3125 6.84419 56.1758 6.97917 56.1758 7.14115V8.09953C55.2327 7.12765 53.9479 6.57422 52.5811 6.57422C49.7245 6.57422 47.4146 9.00391 47.4146 12.0005C47.4146 14.9972 49.7245 17.4269 52.5811 17.4269C53.9342 17.4269 55.2327 16.8734 56.1758 15.9016V16.8599C56.1758 17.0219 56.3125 17.1569 56.4765 17.1569H58.308C58.472 17.1569 58.6087 17.0219 58.6087 16.8599V7.14115C58.6087 6.97917 58.472 6.84419 58.308 6.84419ZM53.0048 15.2536C51.2553 15.2536 49.8475 13.7958 49.8475 12.0005C49.8475 10.2053 51.2689 8.74745 53.0048 8.74745C54.7406 8.74745 56.1484 10.1783 56.1621 11.96V12.041C56.1484 13.8228 54.7406 15.2536 53.0048 15.2536Z" fill="currentColor"></path> <path d="M67.4519 6.57422C66.0988 6.57422 64.8003 7.12765 63.8572 8.09953V7.14115C63.8572 6.97917 63.7206 6.84419 63.5565 6.84419H61.725C61.561 6.84419 61.4243 6.97917 61.4243 7.14115V21.0444C61.4243 21.2064 61.561 21.3414 61.725 21.3414H63.5565C63.7206 21.3414 63.8572 21.2064 63.8572 21.0444V15.9016C64.8003 16.8734 66.0851 17.4269 67.4519 17.4269C70.3086 17.4269 72.6185 14.9972 72.6185 12.0005C72.6185 9.00392 70.3086 6.57422 67.4519 6.57422ZM67.0282 15.2536C65.2924 15.2536 63.8846 13.8228 63.8709 12.041V11.96C63.8982 10.1783 65.2924 8.74745 67.0282 8.74745C68.7777 8.74745 70.1856 10.2053 70.1856 12.0005C70.1856 13.7958 68.7777 15.2536 67.0282 15.2536Z" fill="currentColor"></path> <path d="M41.9337 6.57415C40.5669 6.58764 39.3231 7.37055 38.7354 8.59889C38.0656 7.34355 36.7262 6.56065 35.291 6.57415C34.1702 6.57415 33.1178 7.11408 32.4617 8.00497V7.14108C32.4617 6.9791 32.325 6.84411 32.161 6.84411H30.3295C30.1655 6.84411 30.0288 6.9791 30.0288 7.14108V16.8599C30.0288 17.0218 30.1655 17.1568 30.3295 17.1568H32.161C32.325 17.1568 32.4617 17.0218 32.4617 16.8599V11.0421C32.5301 9.74625 33.4458 8.70688 34.5666 8.70688C35.7284 8.70688 36.6988 9.66526 36.6988 10.9206V16.8599C36.6988 17.0218 36.8355 17.1568 36.9995 17.1568H38.8447C39.0087 17.1568 39.1454 17.0218 39.1454 16.8599L39.1317 10.8126C39.2958 9.62477 40.1569 8.70688 41.2093 8.70688C42.3711 8.70688 43.3415 9.66526 43.3415 10.9206V16.8599C43.3415 17.0218 43.4782 17.1568 43.6422 17.1568H45.4874C45.6514 17.1568 45.7881 17.0218 45.7881 16.8599L45.7744 10.1782C45.7744 8.18045 44.0523 6.57415 41.9337 6.57415Z" fill="currentColor"></path> <path d="M107.937 16.7383L104.766 11.9734L107.909 7.24901C107.991 7.12753 107.95 6.95205 107.827 6.87106C107.786 6.84406 107.732 6.83057 107.677 6.83057H105.558C105.394 6.83057 105.244 6.91156 105.162 7.04654L103.317 10.1107L101.472 7.06004C101.39 6.92505 101.239 6.84406 101.075 6.84406H98.9567C98.8063 6.84406 98.6833 6.96555 98.6833 7.11403C98.6833 7.16802 98.697 7.22202 98.7243 7.26251L101.868 11.9869L98.697 16.7518C98.615 16.8733 98.656 17.0488 98.779 17.1298C98.82 17.1568 98.8746 17.1703 98.9293 17.1703H101.048C101.212 17.1703 101.362 17.0893 101.444 16.9543L103.33 13.8497L105.217 16.9543C105.299 17.0893 105.449 17.1703 105.613 17.1703H107.704C107.855 17.1703 107.978 17.0488 107.978 16.9003C107.978 16.8463 107.964 16.7923 107.937 16.7383Z" fill="currentColor"></path> <path d="M12.1509 0C5.43989 0 0 5.37233 0 12C0 18.6277 5.43989 24 12.1509 24C18.8619 24 24.3018 18.6277 24.3018 12C24.3018 5.37233 18.8619 0 12.1509 0ZM17.9188 14.9426C13.7638 19.0461 6.34199 17.7368 6.34199 17.7368C6.34199 17.7368 5.00251 10.4207 9.17128 6.30371C11.4812 4.0225 15.3082 4.11699 17.7275 6.49269C20.1467 8.86839 20.2287 12.6614 17.9188 14.9426Z" fill="currentColor"></path> <path d="M13.5444 7.0332L12.3553 9.4494L9.90869 10.6238L12.3553 11.7981L13.5444 14.2143L14.7335 11.7981L17.1801 10.6238L14.7335 9.4494L13.5444 7.0332Z" fill="currentColor"></path> </svg></div></a><div class="navbar_menu"><div class="hide-tablet"><div class="nav_menu-wr"><div data-w-id="ed053fea-bca6-4777-bffd-9a886192a550" class="nav_dd-links"><div data-hover="true" data-delay="300" class="nav_link w-dropdown"><div class="nav_link-toggle w-dropdown-toggle"><div class="nav_link-contents"><div class="nav_text">Products</div><div class="nav_icon w-embed"><svg width="7" height="5" viewBox="0 0 7 5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.87796 4.56356C3.67858 4.79379 3.32142 4.79379 3.12204 4.56356L0.319371 1.32733C0.0389327 1.00351 0.268959 0.5 0.697336 0.5L6.30267 0.500001C6.73104 0.500001 6.96107 1.00351 6.68063 1.32733L3.87796 4.56356Z" fill="currentColor"></path> </svg></div><div class="nav_dd-active"></div></div></div><nav class="nav_link-list w-dropdown-list"><div class="nav_link-bg"><div><div class="nav_link-wr"><div id="w-node-_7ae73c84-cb4d-ca5a-4210-3926de24dec7-de24dec4" class="nav_link-content is-product"><div class="nav_tab"><div class="nav_tab_menu"><div data-click="faq" class="nav_tab_dropdown"><div data-w-id="7ae73c84-cb4d-ca5a-4210-3926de24decb" class="nav_tab_toggle is-1"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 9.48044 20.4991 7.06408 18.7175 5.28249C16.9359 3.50089 14.5196 2.5 12 2.5ZM10.32 10.38C9.89124 10.38 9.46248 10.8075 9.03249 11.2363C8.6 11.6675 8.16625 12.1 7.73 12.1C7.50026 12.0945 7.27828 12.1833 7.11578 12.3458C6.95329 12.5083 6.86446 12.7303 6.87 12.96L7.73 14.69C7.73 14.69 7.73 17.28 8.6 18.14C9.47 19 8.6 19 8.6 19C6.07748 17.9857 4.3331 15.647 4.08 12.94C3.88077 10.9439 4.45328 8.94724 5.68 7.36C5.81844 7.17197 6.03471 7.05692 6.26801 7.0472C6.5013 7.03748 6.7264 7.13414 6.88 7.31C7.074 7.59269 7.38774 7.76986 7.73 7.79C8.6 7.79 11.19 10.38 10.32 10.38ZM17.5299 14.4379C18.0279 14.7112 18.4988 14.9696 18.83 14.82C20.28 14.17 19.78 10.3 19.78 10.3C19.78 10.3 19.05 6.92 17.1 6.19C16.8332 6.10105 16.6299 6.47233 16.3999 6.89243C16.1385 7.36971 15.8427 7.91 15.38 7.91C14.51 7.91 13.65 7.92 13.65 8.78C13.65 9.21 14.0825 9.6425 14.515 10.075C14.9475 10.5075 15.38 10.94 15.38 11.37C15.38 12.23 15.38 13.95 16.24 13.95C16.6407 13.95 17.0956 14.1996 17.5299 14.4379Z" fill="#007AFC"></path> </svg></div><div><div class="nav_tab_label">Maps</div></div></div><div data-w-id="7ae73c84-cb4d-ca5a-4210-3926de24ded0" class="nav_tab_toggle"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.5625 21.3767L19.9508 5.26747C20.0676 4.93633 19.9719 4.54203 19.7117 4.28172C19.4515 4.02142 19.0727 3.94104 18.7264 4.0425L2.62424 9.43321C2.21786 9.56415 1.9806 9.92401 2.00125 10.3627C2.0043 10.6047 2.11296 10.8328 2.28132 11.0012C2.40377 11.1237 2.54075 11.2011 2.70758 11.2485L10.5633 13.4341L12.748 21.2933C12.8589 21.7029 13.2251 21.9796 13.6334 21.9999C14.0566 22.0053 14.4312 21.753 14.5625 21.3767Z" fill="#007AFC"></path> </svg></div><div><div class="nav_tab_label">Navigation</div></div></div><div data-w-id="7ae73c84-cb4d-ca5a-4210-3926de24ded5" class="nav_tab_toggle"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2C7.8651 2 4.5 5.37376 4.5 9.51929C4.5 13.5325 11.2962 21.4708 11.5821 21.8015C11.6921 21.9118 11.846 22 12 22C12.154 22 12.3079 21.9338 12.4179 21.8015C12.7038 21.4708 19.5 13.5105 19.5 9.51929C19.5 5.37376 16.1349 2 12 2ZM12 11.8567C10.4824 11.8567 9.25073 10.6218 9.25073 9.10033C9.25073 7.57883 10.4824 6.34399 12 6.34399C13.5176 6.34399 14.7493 7.57883 14.7493 9.10033C14.7493 10.6218 13.5176 11.8567 12 11.8567Z" fill="#007AFC"></path> </svg></div><div><div class="nav_tab_label">Search</div></div></div><div data-w-id="7ae73c84-cb4d-ca5a-4210-3926de24deda" class="nav_tab_toggle"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.99021 5.20167C9.99021 4.5483 9.41414 4.03811 8.78392 4.21054C7.88772 4.45574 7.64052 4.5731 6.85964 5.09487C5.43148 6.04912 4.31837 7.40543 3.66107 8.99228C3.00376 10.5791 2.83178 12.3253 3.16687 14.0099C3.50197 15.6945 4.32908 17.2419 5.54362 18.4564C6.75817 19.6709 8.30559 20.498 9.99021 20.8331C11.6748 21.1682 13.421 20.9962 15.0079 20.3389C16.5947 19.6816 17.9511 18.5685 18.9053 17.1404C19.4271 16.3595 19.6513 16.1123 19.8965 15.2162C20.0689 14.5859 19.5587 14.0099 18.9053 14.0099H12.334C11.2849 14.0099 9.99021 12.822 9.99021 11.7729V5.20167Z" fill="#007AFC"></path> <path d="M19.9687 11.7729C20.6039 11.7729 21.1086 11.2277 20.9798 10.6056C20.8555 10.0056 20.6748 9.41712 20.4391 8.84825C19.9481 7.66291 19.2285 6.58589 18.3212 5.67867C17.414 4.77145 16.337 4.0518 15.1516 3.56082C14.5828 3.32522 13.9945 3.14449 13.3945 3.02022C12.7725 2.89137 12.2272 3.39605 12.2272 4.03128V10.6873C12.2272 11.2869 12.7133 11.7729 13.3128 11.7729L19.9687 11.7729Z" fill="#007AFC"></path> </svg></div><div><div class="nav_tab_label">Data</div></div></div><div data-w-id="7ae73c84-cb4d-ca5a-4210-3926de24dedf" class="nav_tab_toggle"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.5 9H21.333L18.5911 6.12076C18.2137 5.72436 17.6902 5.5 17.1428 5.5H6.69074C6.14342 5.5 5.62001 5.7243 5.24253 6.12062L2.5 9Z" fill="#007AFC"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M22 11H2V19C2 19.5523 2.44772 20 3 20H21C21.5523 20 22 19.5523 22 19V11ZM7 13.5C5.89543 13.5 5 14.3954 5 15.5C5 16.6046 5.89543 17.5 7 17.5C8.10457 17.5 9 16.6046 9 15.5C9 14.3954 8.10457 13.5 7 13.5Z" fill="#007AFC"></path> </svg></div><div><div class="nav_tab_label">Self-Hosted</div></div></div></div></div><div class="tabs-container"><div id="content1" class="tab-1"><div class="nav_tab_group"><div class="nav_product-links tab1"><a href="/maps" class="nav_product-overview-link w-inline-block"><div class="nav_product-overview-top"><div><div class="nav_link-top mb-4"><div class="icon-24 mr-8 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 9.48044 20.4991 7.06408 18.7175 5.28249C16.9359 3.50089 14.5196 2.5 12 2.5ZM10.32 10.38C9.89124 10.38 9.46248 10.8075 9.03249 11.2363C8.6 11.6675 8.16625 12.1 7.73 12.1C7.50026 12.0945 7.27828 12.1833 7.11578 12.3458C6.95329 12.5083 6.86446 12.7303 6.87 12.96L7.73 14.69C7.73 14.69 7.73 17.28 8.6 18.14C9.47 19 8.6 19 8.6 19C6.07748 17.9857 4.3331 15.647 4.08 12.94C3.88077 10.9439 4.45328 8.94724 5.68 7.36C5.81844 7.17197 6.03471 7.05692 6.26801 7.0472C6.5013 7.03748 6.7264 7.13414 6.88 7.31C7.074 7.59269 7.38774 7.76986 7.73 7.79C8.6 7.79 11.19 10.38 10.32 10.38ZM17.5299 14.4379C18.0279 14.7112 18.4988 14.9696 18.83 14.82C20.28 14.17 19.78 10.3 19.78 10.3C19.78 10.3 19.05 6.92 17.1 6.19C16.8332 6.10105 16.6299 6.47233 16.3999 6.89243C16.1385 7.36971 15.8427 7.91 15.38 7.91C14.51 7.91 13.65 7.92 13.65 8.78C13.65 9.21 14.0825 9.6425 14.515 10.075C14.9475 10.5075 15.38 10.94 15.38 11.37C15.38 12.23 15.38 13.95 16.24 13.95C16.6407 13.95 17.0956 14.1996 17.5299 14.4379Z" fill="#007AFC"></path> </svg></div><div class="nav_link-heading">Maps Overview</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Smooth, fast, cross-platform maps</div></div><div class="button-group is-center"><div class="button stroke small is-nav hover-color-none"><div class="pointer-events-none">Overview →</div></div></div></div></a><div class="nav_product-divider-wrapper"><div class="nav_product-divider"></div></div><div class="nav_product-link-cols"><div class="nav_product-link-col"><a href="https://www.mapbox.com/mapbox-gljs" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Mapbox GL JS</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Immersive maps for web</div></a><a href="https://www.mapbox.com/mobile-maps-sdk" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Mobile Maps SDK</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Powerful maps for iOS and Android</div></a><a href="https://www.mapbox.com/mapbox-studio" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Studio</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Beautiful, custom map designs</div></a></div><div class="nav_product-link-col"><a href="https://www.mapbox.com/static-maps" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Static Maps</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Embed map images</div></a><a href="https://www.mapbox.com/mts" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Mapbox Tiling Service</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Host and add custom map data</div></a></div></div></div><a href="https://www.mapbox.com/blog/global-cities-3d-landmarks" class="nav_cta-group tab1 w-inline-block"><div class="cta_img-wrap"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/664e0293d16b36269eaa833d_img.webp" loading="lazy" width="306" sizes="100vw" alt="" srcset="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/664e0293d16b36269eaa833d_img-p-500.webp 500w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/664e0293d16b36269eaa833d_img.webp 600w" class="nav_cta-img"></div><div class="cta_bottom"><div class="nav_cta-text is-heading">Over 100 global cities with 3D landmarks in Mapbox Standard</div><div class="nav_cta-text is-link">Read more <span class="arrow">→</span></div></div></a></div></div><div id="content2" class="tab-2"><div class="nav_tab_group"><div class="nav_product-links tab2"><a href="/navigation" class="nav_product-overview-link w-inline-block"><div class="nav_product-overview-top"><div><div class="nav_link-top mb-4"><div class="icon-24 mr-8 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.5625 21.3767L19.9508 5.26747C20.0676 4.93633 19.9719 4.54203 19.7117 4.28172C19.4515 4.02142 19.0727 3.94104 18.7264 4.0425L2.62424 9.43321C2.21786 9.56415 1.9806 9.92401 2.00125 10.3627C2.0043 10.6047 2.11296 10.8328 2.28132 11.0012C2.40377 11.1237 2.54075 11.2011 2.70758 11.2485L10.5633 13.4341L12.748 21.2933C12.8589 21.7029 13.2251 21.9796 13.6334 21.9999C14.0566 22.0053 14.4312 21.753 14.5625 21.3767Z" fill="#007AFC"></path> </svg></div><div class="nav_link-heading">Navigation Overview</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Custom navigation services</div></div><div class="button-group is-center"><div class="button stroke small is-nav hover-color-none"><div class="pointer-events-none">Overview →</div></div></div></div></a><div class="nav_product-divider-wrapper"><div class="nav_product-divider"></div></div><div class="nav_product-link-cols"><div class="nav_product-link-col"><a href="/navigation-automotive" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Navigation for Automotive</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">In-vehicle infotainment and navigation services</div></a><a href="/mapgpt" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">MapGPT</div><div class="nav_tag"><div>NEW</div></div></div><div class="nav-subtext">A location-intelligent AI assistant</div></a><a href="/autopilot-map" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Autopilot Map</div><div class="nav_tag"><div>NEW</div></div></div><div class="nav-subtext">Precision data for autopilot systems</div></a></div><div class="nav_product-link-col"><a href="/navigation-mobile" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Navigation for Mobile</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Routing and directions for iOS & Android</div></a><a href="/ev" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Mapbox for EV</div><div class="nav_tag"><div>NEW</div></div></div><div class="nav-subtext">EV navigation solutions</div></a><a href="/matrix-api" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Matrix API</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Calculate travel time and distance</div></a></div></div></div><a href="https://www.mapbox.com/blog/autopilot-map" class="nav_cta-group tab2 w-inline-block"><div class="cta_img-wrap"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/664e029399662e786ed93a72_img-1.webp" loading="lazy" width="306" sizes="100vw" alt="" srcset="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/664e029399662e786ed93a72_img-1-p-500.webp 500w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/664e029399662e786ed93a72_img-1.webp 600w" class="nav_cta-img"></div><div class="cta_bottom"><div class="nav_cta-text is-heading">Mapbox Autopilot Map allows vehicles to drive themselves on more roads</div><div class="nav_cta-text is-link">Read more <span class="arrow">→</span></div></div></a></div></div><div id="content3" class="tab-3"><div class="nav_tab_group"><div class="nav_product-links tab3"><a href="/search-service" class="nav_product-overview-link w-inline-block"><div class="nav_product-overview-top"><div><div class="nav_link-top mb-4"><div class="icon-24 mr-8 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2C7.8651 2 4.5 5.37376 4.5 9.51929C4.5 13.5325 11.2962 21.4708 11.5821 21.8015C11.6921 21.9118 11.846 22 12 22C12.154 22 12.3079 21.9338 12.4179 21.8015C12.7038 21.4708 19.5 13.5105 19.5 9.51929C19.5 5.37376 16.1349 2 12 2ZM12 11.8567C10.4824 11.8567 9.25073 10.6218 9.25073 9.10033C9.25073 7.57883 10.4824 6.34399 12 6.34399C13.5176 6.34399 14.7493 7.57883 14.7493 9.10033C14.7493 10.6218 13.5176 11.8567 12 11.8567Z" fill="#007AFC"></path> </svg></div><div class="nav_link-heading">Search Overview</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Smart location data and search features</div></div><div class="button-group is-center"><div class="button stroke small is-nav hover-color-none"><div class="pointer-events-none">Overview →</div></div></div></div></a><div class="nav_product-divider-wrapper"><div class="nav_product-divider"></div></div><div class="nav_product-link-cols"><div class="nav_product-link-col"><a href="/geocoding" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Geocoding</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Geolocate and validate addresses</div></a><a href="/search-box" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Search Box</div><div class="nav_tag"><div>NEW</div></div></div><div class="nav-subtext">User-friendly search interface</div></a></div><div class="nav_product-link-col"><a href="/address-autofill" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Address Autofill</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Autocomplete for address forms</div></a></div></div></div><a href="https://www.mapbox.com/blog/search-anywhere-go-anywhere-empowering-users-with-the-mapbox-search-sdks" class="nav_cta-group tab3 w-inline-block"><div class="cta_img-wrap"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/664e029284f2ffb0bbbfbe2a_img-2.webp" loading="lazy" width="306" sizes="100vw" alt="" srcset="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/664e029284f2ffb0bbbfbe2a_img-2-p-500.webp 500w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/664e029284f2ffb0bbbfbe2a_img-2.webp 600w" class="nav_cta-img"></div><div class="cta_bottom"><div class="nav_cta-text is-heading">Search anywhere, go anywhere: Empowering users with the Mapbox Search SDKs</div><div class="nav_cta-text is-link">Read more <span class="arrow">→</span></div></div></a></div></div><div id="content4" class="tab-4"><div class="nav_tab_group"><div class="nav_product-links tab4"><a href="/data-products" class="nav_product-overview-link w-inline-block"><div class="nav_product-overview-top"><div><div class="nav_link-top mb-4"><div class="icon-24 mr-8 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.99021 5.20167C9.99021 4.5483 9.41414 4.03811 8.78392 4.21054C7.88772 4.45574 7.64052 4.5731 6.85964 5.09487C5.43148 6.04912 4.31837 7.40543 3.66107 8.99228C3.00376 10.5791 2.83178 12.3253 3.16687 14.0099C3.50197 15.6945 4.32908 17.2419 5.54362 18.4564C6.75817 19.6709 8.30559 20.498 9.99021 20.8331C11.6748 21.1682 13.421 20.9962 15.0079 20.3389C16.5947 19.6816 17.9511 18.5685 18.9053 17.1404C19.4271 16.3595 19.6513 16.1123 19.8965 15.2162C20.0689 14.5859 19.5587 14.0099 18.9053 14.0099H12.334C11.2849 14.0099 9.99021 12.822 9.99021 11.7729V5.20167Z" fill="#007AFC"></path> <path d="M19.9687 11.7729C20.6039 11.7729 21.1086 11.2277 20.9798 10.6056C20.8555 10.0056 20.6748 9.41712 20.4391 8.84825C19.9481 7.66291 19.2285 6.58589 18.3212 5.67867C17.414 4.77145 16.337 4.0518 15.1516 3.56082C14.5828 3.32522 13.9945 3.14449 13.3945 3.02022C12.7725 2.89137 12.2272 3.39605 12.2272 4.03128V10.6873C12.2272 11.2869 12.7133 11.7729 13.3128 11.7729L19.9687 11.7729Z" fill="#007AFC"></path> </svg></div><div class="nav_link-heading">Data Overview</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Unique, high-value geospatial datasets</div></div><div class="button-group is-center"><div class="button stroke small is-nav hover-color-none"><div class="pointer-events-none">Overview →</div></div></div></div></a><div class="nav_product-divider-wrapper"><div class="nav_product-divider"></div></div><div class="nav_product-link-cols"><div class="nav_product-link-col"><a href="/traffic-data" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Traffic Data</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Live and typical traffic conditions</div></a><a href="/movement-data" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Movement Data</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Population patterns through space and time</div></a></div><div class="nav_product-link-col"><a href="/boundaries" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Boundaries</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Official boundaries around the world</div></a></div></div></div><a href="https://www.mapbox.com/blog/enhanced-data-coverage-with-mapbox-movement-v4" class="nav_cta-group tab4 w-inline-block"><div class="cta_img-wrap"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/66abcc2b4699bffa3c46393b_664cf41530cbac8bc51f9cfb_65ca51231e6e3eb695e702af_image4.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/66abcc2b4699bffa3c46393b_664cf41530cbac8bc51f9cfb_65ca51231e6e3eb695e702af_image4-p-500.webp 500w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/66abcc2b4699bffa3c46393b_664cf41530cbac8bc51f9cfb_65ca51231e6e3eb695e702af_image4.webp 600w" alt="" class="nav_cta-img"></div><div class="cta_bottom"><div class="nav_cta-text is-heading">Enhanced data coverage with Mapbox Movement V4</div><div class="nav_cta-text is-link">Read more <span class="arrow">→</span></div></div></a></div></div><div class="tab-5"><div class="nav_tab_group"><div class="nav_product-links tab5"><div class="nav_link-col"><a href="/atlas" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Atlas</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">On-premise or private cloud solutions</div></a></div><div class="nav_link-col"></div></div><a href="#" class="nav_cta-group hide w-inline-block"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6530360d68f43acd41331933_Nav%20Product%20CTA%20Img%201.png" loading="lazy" width="306" alt="" class="nav_cta-img"><div class="cta_bottom"><div class="nav_cta-text is-heading">New 3D urban environments improve location awareness</div><div class="nav_cta-text is-link">Read more →</div></div></a></div></div></div></div></div></div></div></div></nav></div><div data-hover="true" data-delay="300" data-w-id="88454071-fa27-d0a2-0d18-4e7f200cee99" class="nav_link w-dropdown"><div class="nav_link-toggle w-dropdown-toggle"><div class="nav_link-contents"><div class="nav_text">Solutions</div><div class="nav_icon w-embed"><svg width="7" height="5" viewBox="0 0 7 5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.87796 4.56356C3.67858 4.79379 3.32142 4.79379 3.12204 4.56356L0.319371 1.32733C0.0389327 1.00351 0.268959 0.5 0.697336 0.5L6.30267 0.500001C6.73104 0.500001 6.96107 1.00351 6.68063 1.32733L3.87796 4.56356Z" fill="currentColor"></path> </svg></div><div class="nav_dd-active"></div></div></div><nav class="nav_link-list w-dropdown-list"><div class="nav_link-bg"><div><div class="nav_link-wr"><div id="w-node-c87e586f-32e1-dc86-e0aa-c3a2f17c738d-f17c738a" class="nav_link-content is-product"><div class="nav_solution-wr"><div class="nav_solutions-col _1"><a href="/on-demand-logistics" class="nav_solutions-block w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.3031 3.26072L11.0904 13.7514C10.9709 13.951 10.9698 14.1967 11.0876 14.3972C11.2054 14.5978 11.4244 14.7231 11.6633 14.7268H15.2022C15.9406 14.7268 16.5392 15.3042 16.5392 16.0165V20.3515C16.54 20.638 16.7351 20.8902 17.0195 20.9725C17.304 21.0548 17.6108 20.9479 17.775 20.7091L23.8866 11.8549C24.0238 11.6587 24.0375 11.4055 23.9222 11.1967C23.8069 10.9878 23.5814 10.8575 23.3361 10.8578H19.8421C19.0976 10.8578 18.494 10.2756 18.494 9.55732V3.55334C18.4576 3.29518 18.2625 3.08413 18.0008 3.01982C17.7391 2.95551 17.4631 3.05081 17.3031 3.26072Z" fill="#007AFC"></path> <rect x="4" y="8" width="8" height="1.5" rx="0.75" fill="#007AFC"></rect> <rect x="1" y="12" width="8" height="1.5" rx="0.75" fill="#007AFC"></rect> <rect x="4" y="16" width="8" height="1.5" rx="0.75" fill="#007AFC"></rect> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">On-Demand Logistics</div><div class="nav-subtext">Boost customer satisfaction and delivery performance</div></div></a><a href="/weather" class="nav_solutions-block w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.214 13.0261C14.242 12.8147 14.2565 12.5988 14.2565 12.3792C14.2565 9.85854 12.3487 7.81519 9.99545 7.81519C7.96311 7.81519 6.26309 9.33919 5.83719 11.3785C5.72513 11.3695 5.61192 11.3649 5.49773 11.3649C3.0137 11.3649 1 13.5218 1 16.1825C1 18.8431 3.0137 21 5.49773 21C5.57713 21 5.65605 20.9978 5.73445 20.9934V21H15.2033C17.2952 21 18.9909 19.1837 18.9909 16.9431C18.9909 14.7026 17.2952 12.8863 15.2033 12.8863C14.8611 12.8863 14.5294 12.9349 14.214 13.0261Z" fill="#007AFC"></path> <path d="M16.7645 2.73423C16.7645 2.32873 16.461 2 16.0867 2C15.7124 2 15.409 2.32873 15.409 2.73423V3.94046C15.409 4.34597 15.7124 4.67469 16.0867 4.67469C16.461 4.67469 16.7645 4.34597 16.7645 3.94046V2.73423Z" fill="#007AFC"></path> <path d="M12.157 4.19355C11.8923 3.90681 11.4632 3.90681 11.1985 4.19355C10.9338 4.48028 10.9338 4.94517 11.1985 5.2319L11.9835 6.0823C12.2482 6.36903 12.6773 6.36903 12.942 6.0823C13.2066 5.79556 13.2066 5.33068 12.942 5.04394L12.157 4.19355Z" fill="#007AFC"></path> <path d="M19.2317 12.8962C19.4963 12.6095 19.9255 12.6095 20.1901 12.8962L20.9751 13.7466C21.2398 14.0333 21.2398 14.4982 20.9751 14.7849C20.7104 15.0717 20.2813 15.0717 20.0166 14.7849L19.2317 13.9346C18.967 13.6478 18.967 13.1829 19.2317 12.8962Z" fill="#007AFC"></path> <path d="M21.2088 8.75494C20.8345 8.75494 20.5311 9.08366 20.5311 9.48917C20.5311 9.89467 20.8345 10.2234 21.2088 10.2234H22.3223C22.6966 10.2234 23 9.89467 23 9.48917C23 9.08366 22.6966 8.75494 22.3223 8.75494H21.2088Z" fill="#007AFC"></path> <path d="M20.9751 4.19355C21.2398 4.48028 21.2398 4.94517 20.9751 5.2319L20.1901 6.0823C19.9255 6.36903 19.4963 6.36903 19.2317 6.0823C18.967 5.79557 18.967 5.33068 19.2317 5.04394L20.0166 4.19355C20.2813 3.90681 20.7104 3.90681 20.9751 4.19355Z" fill="#007AFC"></path> <path d="M15.3939 11.7408C16.314 11.7408 17.1713 12.0323 17.8913 12.5347C18.8148 11.8908 19.4264 10.7675 19.4264 9.48939C19.4264 7.49084 17.9309 5.87069 16.0861 5.87069C14.8427 5.87069 13.758 6.6067 13.1829 7.69852C14.3987 8.60161 15.2336 10.0626 15.3732 11.7409L15.3939 11.7408Z" fill="#007AFC"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Weather</div><div class="nav-subtext">Deliver accurate, real-time weather information</div></div></a><a href="/real-estate" class="nav_solutions-block w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 8H19C20.1046 8 21 8.89543 21 10V20H17V8Z" fill="#007AFC"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M5 3C3.89543 3 3 3.89543 3 5V19.9998H8.29422L8.29422 16.8088C8.29422 16.2241 8.76827 15.75 9.35304 15.75C9.93781 15.75 10.4119 16.2241 10.4119 16.8088V19.9998H15.7059V5C15.7059 3.89543 14.8105 3 13.7059 3H5ZM7.50267 7.25C7.06258 7.25 6.70581 7.60677 6.70581 8.04686C6.70581 8.48696 7.06258 8.84373 7.50268 8.84373H11.2031C11.6432 8.84373 11.9999 8.48696 11.9999 8.04686C11.9999 7.60677 11.6432 7.25 11.2031 7.25H7.50267ZM7.50267 10.4373C7.06258 10.4373 6.70581 10.794 6.70581 11.2341C6.70581 11.6742 7.06258 12.031 7.50268 12.031H11.2031C11.6432 12.031 11.9999 11.6742 11.9999 11.2341C11.9999 10.794 11.6432 10.4373 11.2031 10.4373H7.50267Z" fill="#007AFC"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Real Estate</div><div class="nav-subtext">Visualize property listings, rentals, and market data</div></div></a></div><div class="nav_solutions-col _2"><a href="/automotive" class="nav_solutions-block w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21.2988 11.0495L19.4801 9.35992L17.8668 6.13326C17.7283 5.90796 17.534 5.72214 17.3028 5.5937C17.0717 5.46526 16.8113 5.39852 16.5468 5.39992H7.45346C7.18899 5.39852 6.92861 5.46526 6.69741 5.5937C6.46622 5.72214 6.272 5.90796 6.13346 6.13326L4.52013 9.35992L2.70146 11.0495C2.62737 11.1182 2.56829 11.2015 2.5279 11.2941C2.48752 11.3868 2.46672 11.4867 2.4668 11.5878V17.8666C2.4668 18.0611 2.54406 18.2476 2.68159 18.3851C2.81911 18.5227 3.00564 18.5999 3.20013 18.5999H6.13346C6.4268 18.5999 6.8668 18.3066 6.8668 18.0133V17.1333H17.1335V17.8666C17.1335 18.1599 17.4268 18.5999 17.7201 18.5999H20.8001C20.9946 18.5999 21.1811 18.5227 21.3187 18.3851C21.4562 18.2476 21.5335 18.0611 21.5335 17.8666V11.5878C21.5335 11.4867 21.5127 11.3868 21.4724 11.2941C21.432 11.2015 21.3729 11.1182 21.2988 11.0495ZM7.60013 6.86659H16.4001L17.8668 9.79992H6.13346L7.60013 6.86659ZM8.33346 13.6133C8.33346 13.9066 7.89346 14.1999 7.60013 14.1999H4.52013C4.2268 14.1999 3.93346 13.7599 3.93346 13.4666V11.8533C4.08013 11.4133 4.37346 11.1199 4.81346 11.2666L7.7468 11.8533C8.04013 11.8533 8.33346 12.2933 8.33346 12.5866V13.6133ZM20.0668 13.4666C20.0668 13.7599 19.7735 14.1999 19.4801 14.1999H16.4001C16.1068 14.1999 15.6668 13.9066 15.6668 13.6133V12.5866C15.6668 12.2933 15.9601 11.8533 16.2535 11.8533L19.1868 11.2666C19.6268 11.1199 19.9201 11.4133 20.0668 11.8533V13.4666Z" fill="#007AFC"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Automotive</div><div class="nav-subtext">Integrated navigation experiences for in-vehicle and companion apps</div></div></a><a href="/telco" class="nav_solutions-block w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.93 7.33321C12.6633 7.33321 13.2633 7.93321 13.2633 8.66654V20.6665C13.2633 20.6665 13.2633 21.9999 11.93 21.9999C10.5967 21.9999 10.5967 20.6665 10.5967 20.6665V8.66654C10.5967 7.93321 11.1967 7.33321 11.93 7.33321ZM8.21 5.37321C7.90333 5.41321 8.03667 5.35988 7.79667 5.53321C6.19667 7.11988 6.19667 10.2132 7.79667 11.7999C8.05 12.0665 8.47667 12.0665 8.73 11.7999C8.99667 11.5465 8.99667 11.1199 8.73 10.8665C7.66333 9.78654 7.66333 7.54654 8.73 6.46654C8.99667 6.21321 8.99667 5.78654 8.73 5.53321L8.51667 5.38654L8.21 5.37321ZM15.21 5.37321C14.9033 5.41321 15.0367 5.35988 14.7967 5.53321C14.53 5.78654 14.53 6.21321 14.7967 6.46654C15.8633 7.54654 15.8633 9.78654 14.7967 10.8665C14.53 11.1199 14.53 11.5465 14.7967 11.7999C15.05 12.0665 15.4767 12.0665 15.73 11.7999C17.33 10.2132 17.33 7.11988 15.73 5.53321L15.5167 5.38654L15.21 5.37321ZM18.1433 2.70654C17.5567 2.73321 17.77 2.62654 17.4367 2.89321C17.1833 3.17321 17.21 3.58654 17.49 3.82654C20.1967 6.23988 20.1967 11.1065 17.49 13.5065C17.21 13.7465 17.1833 14.1732 17.4367 14.4399C17.6767 14.7199 18.1033 14.7465 18.37 14.4932C21.69 11.5732 21.69 5.77321 18.37 2.83988L18.1433 2.70654ZM5.71667 2.70654L5.49 2.83988C2.17 5.77321 2.17 11.5732 5.49 14.4932C5.77 14.7465 6.18333 14.7199 6.42333 14.4399C6.67667 14.1732 6.65 13.7465 6.37 13.5065C3.66333 11.1065 3.66333 6.23988 6.37 3.82654C6.65 3.58654 6.67667 3.17321 6.42333 2.89321C6.09 2.62654 6.30333 2.73321 5.71667 2.70654Z" fill="#007AFC"></path> <path d="M8.28466 5.27355L8.27599 5.27317L8.26738 5.27429C8.20397 5.28256 8.16033 5.28669 8.12716 5.28983C8.12128 5.29038 8.11573 5.29091 8.11045 5.29142C8.0784 5.29453 8.04521 5.29775 8.01305 5.31C7.97998 5.3226 7.95376 5.34246 7.92878 5.36164C7.92347 5.36572 7.91786 5.37007 7.91182 5.37475C7.88714 5.39387 7.85539 5.41847 7.80843 5.45239L7.8021 5.45695L7.79657 5.46245C6.97383 6.27832 6.56698 7.47599 6.56698 8.66679C6.56698 9.85709 6.97349 11.0542 7.79553 11.8701C8.08783 12.1765 8.57842 12.1768 8.87104 11.8709C9.17695 11.5783 9.17673 11.0877 8.8704 10.7954C8.3611 10.279 8.10031 9.47774 8.10031 8.66679C8.10031 7.85584 8.3611 7.05455 8.87039 6.53814C9.17735 6.24524 9.17695 5.75333 8.86919 5.46095L8.86347 5.45552L8.85697 5.45105L8.64363 5.30438L8.61999 5.28813L8.59132 5.28688L8.28466 5.27355ZM15.2847 5.27355L15.276 5.27317L15.2674 5.27429C15.204 5.28256 15.1603 5.28669 15.1272 5.28983C15.1213 5.29038 15.1157 5.29091 15.1105 5.29142C15.0784 5.29453 15.0452 5.29775 15.013 5.31C14.98 5.3226 14.9538 5.34246 14.9288 5.36164C14.9235 5.36572 14.9178 5.37008 14.9118 5.37476C14.8871 5.39388 14.8554 5.41848 14.8084 5.45239L14.8079 5.45165L14.7981 5.46095C14.4903 5.75333 14.4899 6.24524 14.7969 6.53814C15.3062 7.05455 15.567 7.85584 15.567 8.66679C15.567 9.47774 15.3062 10.279 14.7969 10.7954C14.4906 11.0877 14.4903 11.5783 14.7962 11.8709C15.0889 12.1768 15.5795 12.1765 15.8718 11.8701C16.6938 11.0542 17.1003 9.85709 17.1003 8.66679C17.1003 7.47599 16.6935 6.27832 15.8707 5.46245L15.8644 5.45613L15.857 5.45105L15.6436 5.30438L15.62 5.28813L15.5913 5.28688L15.2847 5.27355ZM18.2643 2.62059L18.2388 2.60554L18.2091 2.60689C18.0655 2.61342 17.9714 2.61177 17.9057 2.60975C17.8963 2.60946 17.887 2.60913 17.8779 2.60881C17.8294 2.60707 17.7857 2.60551 17.7493 2.61141C17.6943 2.62033 17.6556 2.64449 17.6143 2.67648C17.596 2.69067 17.5749 2.70822 17.5508 2.72829L17.545 2.73311C17.5179 2.75566 17.4854 2.78266 17.4445 2.81537L17.4382 2.82039L17.4328 2.82636C17.1425 3.14726 17.1719 3.62482 17.4945 3.90204C18.8223 5.08642 19.4903 6.87688 19.4903 8.67179C19.4903 10.4668 18.8223 12.2538 17.4945 13.4315C17.1735 13.7073 17.1411 14.198 17.4327 14.5071C17.7089 14.8272 18.1991 14.859 18.5078 14.5673C20.1917 13.0854 21.0303 10.8768 21.0303 8.67179C21.0303 6.46612 20.1913 4.25372 18.5065 2.76518L18.4993 2.75881L18.491 2.75393L18.2643 2.62059ZM5.79152 2.60689L5.76186 2.60554L5.73628 2.62059L5.50961 2.75393L5.50131 2.75881L5.4941 2.76518C3.80935 4.25372 2.97031 6.46612 2.97031 8.67179C2.97031 10.8772 3.80918 13.0862 5.49374 14.5681C5.81425 14.8576 6.29067 14.8285 6.5679 14.5071C6.85957 14.198 6.82714 13.7073 6.50605 13.4314C5.17833 12.2538 4.51031 10.4668 4.51031 8.67179C4.51031 6.87688 5.1783 5.08643 6.50616 3.90205C6.82875 3.62483 6.85814 3.14727 6.5678 2.82636L6.5624 2.82039L6.55612 2.81537C6.51523 2.78266 6.48271 2.75566 6.45562 2.73311L6.44979 2.72825C6.4257 2.70819 6.40465 2.69066 6.38634 2.67648C6.34504 2.64449 6.3063 2.62033 6.25132 2.61141C6.21491 2.60551 6.17125 2.60707 6.1227 2.60881C6.11361 2.60913 6.10436 2.60946 6.09495 2.60975C6.02917 2.61177 5.93511 2.61342 5.79152 2.60689Z" fill="#007AFC" stroke="#007AFC" stroke-width="0.2"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Telecommunications</div><div class="nav-subtext">Map real-time coverage and optimize network operations</div></div></a></div><div class="nav_solutions-col _3"><a href="/industries/travel" class="nav_solutions-block w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.4694 4.50035C21.5248 5.49711 21.0083 7.00287 18.8976 8.9964L18.0893 9.73867L18.8976 17.9885L17.3034 19.4942L14.1149 13.4924L10.9488 16.504V19.4942L9.35455 21L7.78275 16.504L3 14.9982L4.59425 13.4924H7.78275L10.9488 10.5022L4.59425 7.49065L6.1885 6.0061L14.9232 6.74837L15.7091 6.0061C17.8198 3.99136 19.4141 3.50358 20.4694 4.50035Z" fill="#007AFC"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Travel</div><div class="nav-subtext">Plan, book, and explore the world all in one place</div></div></a><a href="/industries/outdoors" class="nav_solutions-block w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.3535 5.36633C14.6129 4.87789 15.3871 4.87789 15.6465 5.36633L22.9294 19.0799C23.1561 19.5068 22.8095 20 22.2829 20H7L14.3535 5.36633Z" fill="#007AFC"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.62243 13.2042L6.48485 9.26864C6.29031 8.91045 5.70969 8.91045 5.51515 9.26864L0.0529796 19.3252C-0.117048 19.6383 0.142865 20 0.537832 20H4.93135L8.62243 13.2042Z" fill="#007AFC"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Outdoors</div><div class="nav-subtext">Detailed maps for athletes and adventures</div></div></a></div><div class="nav_solutions-col _4"><a href="/business-intelligence" class="nav_solutions-block w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.5 3C8.91014 3 6 5.9773 6 9.65C6 10.8261 6.31013 11.9461 6.87099 12.9455C6.8812 12.9645 8.62971 15.7756 8.78571 16.3H16.2143C16.3675 15.7785 18.1104 12.9874 18.1002 13.0045C18.6787 11.9946 19 10.8451 19 9.65C19 5.9773 16.0899 3 12.5 3ZM12.5 6.8C13.0126 6.8 13.4286 7.2256 13.4286 7.75C13.4286 8.2744 13.0126 8.7 12.5 8.7C11.9874 8.7 11.5714 9.1256 11.5714 9.65C11.5714 10.1744 11.1554 10.6 10.6429 10.6C10.1303 10.6 9.71429 10.1744 9.71429 9.65C9.71429 8.07585 10.9614 6.8 12.5 6.8ZM8.78571 18.2C8.78571 20.2985 10.4488 22 12.5 22C14.5512 22 16.2143 20.2985 16.2143 18.2H8.78571Z" fill="#007AFC"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Business Intelligence</div><div class="nav-subtext">Enhance data analysis with location intelligence</div></div></a><a href="/retail" class="nav_solutions-block w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.4797 3.09988C20.4797 3.09988 18.5331 3.0422 17.7563 3.79988C17.0094 4.52816 16.7008 5.08466 16.7008 6.59988H3.67969L5.63203 13.3401C5.63693 13.3503 5.64585 13.3601 5.65117 13.3702C5.97933 14.2904 6.83715 14.9532 7.86055 14.9917C7.86475 14.9935 7.87969 14.9999 7.87969 14.9999H16.9797V15.2788C16.9797 15.2788 16.9808 15.7004 16.7008 16.2604C16.4208 16.8204 16.2813 17.0999 15.1613 17.0999H6.06133C4.66133 17.0999 4.66133 19.1999 6.06133 19.1999H7.74023H7.87969H14.7402H14.8797H15.0219C16.7019 19.1999 17.9597 18.2193 18.3797 17.2393C18.7997 16.2593 18.8008 15.421 18.8008 15.421V14.9999V6.59988C18.8008 5.86684 19.1208 5.19988 19.7797 5.19988H20.5508C21.1307 5.19988 21.6008 4.72976 21.6008 4.14988C21.6008 3.57 21.1307 3.09988 20.5508 3.09988H20.4797ZM14.8797 19.1999C14.0397 19.1999 13.4797 19.7599 13.4797 20.5999C13.4797 21.4399 14.0397 21.9999 14.8797 21.9999C15.7197 21.9999 16.2797 21.4399 16.2797 20.5999C16.2797 19.7599 15.7197 19.1999 14.8797 19.1999ZM7.87969 19.1999C7.03969 19.1999 6.47969 19.7599 6.47969 20.5999C6.47969 21.4399 7.03969 21.9999 7.87969 21.9999C8.71969 21.9999 9.27969 21.4399 9.27969 20.5999C9.27969 19.7599 8.71969 19.1999 7.87969 19.1999Z" fill="#007AFC"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Retail</div><div class="nav-subtext">On-brand store locators and e-commerce solutions</div></div></a></div></div></div></div></div></div></nav></div><div data-hover="true" data-delay="300" data-w-id="88454071-fa27-d0a2-0d18-4e7f200ceeef" class="nav_link w-dropdown"><div class="nav_link-toggle w-dropdown-toggle"><div class="nav_link-contents"><div class="nav_text">Developers</div><div class="nav_icon w-embed"><svg width="7" height="5" viewBox="0 0 7 5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.87796 4.56356C3.67858 4.79379 3.32142 4.79379 3.12204 4.56356L0.319371 1.32733C0.0389327 1.00351 0.268959 0.5 0.697336 0.5L6.30267 0.500001C6.73104 0.500001 6.96107 1.00351 6.68063 1.32733L3.87796 4.56356Z" fill="currentColor"></path> </svg></div><div class="nav_dd-active"></div></div></div><nav class="nav_link-list w-dropdown-list"><div class="nav_link-bg"><div><div class="nav_link-wr is-padding-top is-dev"><div id="w-node-_785e8308-1f5d-638d-1bee-56a99a40880a-9a408807" class="nav_link-content is-dev"><div class="nav_dev-wr"><div class="nav_dev-col-1"><div class="nav_dev-col-1-contents"><div class="nav_category-heading mb-20"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.5367 11H9C8.39094 10.9975 7.0949 10.753 6.66598 10.3202C6.23707 9.8874 5.99751 9.30181 6 8.69224V3.5C6 3.24095 5.79017 3.03094 5.53133 3.03094L2.81199 3.03761C0.741298 3.03761 0 3.74192 0 5.81435V18.0098C0 20.0823 0.741298 21 2.81199 21H11.248C13.4319 21 13.9662 19.8861 13.9662 18.0098L13.9585 11.4691C13.9554 11.2289 13.775 11.0282 13.5367 11Z" fill="#007AFC"></path> <path d="M9.0921 9.25479H13.4319C13.6633 9.27388 13.8797 9.13858 13.9641 8.92211C14.0484 8.70563 13.9807 8.45941 13.7975 8.31668L8.59531 3.20395C8.45187 3.01836 8.20286 2.95047 7.98518 3.03761C7.76751 3.12475 7.63397 3.34579 7.65799 3.5792V7.86638C7.65777 8.24289 7.81034 8.60333 8.08073 8.8651C8.35111 9.12687 8.71613 9.26751 9.0921 9.25479Z" fill="#007AFC"></path> <path d="M13.5367 11.0001H9C8.39094 10.9976 7.0949 10.753 6.66598 10.3203C6.23707 9.88746 5.99751 9.30187 6 8.6923V3.50006C6 3.24101 5.79017 3.03101 5.53133 3.03101L2.81199 3.03767C0.741298 3.03767 0 3.74198 0 5.81441V18.0099C0 20.0823 0.741298 21.0001 2.81199 21.0001H11.248C13.4319 21.0001 13.9662 19.8861 13.9662 18.0099L13.9585 11.4691C13.9554 11.229 13.775 11.0283 13.5367 11.0001Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">documentation</div></div><div class="nav_category-col is-developers-col-1"><a href="https://docs.mapbox.com/#maps" target="_blank" class="nav_link-block is-small is-dev w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Maps</div></div></a><a href="https://docs.mapbox.com/#navigation" target="_blank" class="nav_link-block is-small is-dev w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Navigation</div></div></a><a href="https://docs.mapbox.com/#search" target="_blank" class="nav_link-block is-small is-dev w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Search</div></div></a><a href="https://docs.mapbox.com/#data" target="_blank" class="nav_link-block is-small is-dev w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Data</div></div></a><a href="https://docs.mapbox.com/" target="_blank" class="nav_link-block is-small is-link is-dev w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">See All Docs <span class="arrow">→</span></div></div></a></div></div></div><div class="nav_dev-right-cols"><div class="nav_dev-col-2"><div class="nav_category-heading mb-18"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.175 3C3.81396 3 1.9 4.90284 1.9 7.24952C1.9 9.59621 3.81396 11.499 6.175 11.499C8.53603 11.499 10.45 9.59621 10.45 7.24952C10.45 4.90284 8.53603 3 6.175 3ZM2.90937 12.7682C1.16698 13.4831 0 15.2349 0 17.1651V19.0538C0 19.575 0.425315 19.9981 0.95 19.9981H11.4C11.9247 19.9981 12.35 19.575 12.35 19.0538V17.1651C12.35 15.2802 11.1766 13.5709 9.44062 12.8268C9.19628 12.722 8.91157 12.7191 8.66875 12.8268C7.82819 13.2017 7.00929 13.3877 6.175 13.3877C5.34356 13.3877 4.52181 13.1913 3.65161 12.7975C3.4123 12.6889 3.15238 12.6681 2.90937 12.7682Z" fill="#007AFC"></path> <path d="M18.2147 10.216H16.7801V8.78397C16.7801 8.351 16.4285 8 15.9948 8C15.561 8 15.2094 8.351 15.2094 8.78397V10.216H13.7853C13.3516 10.216 13 10.567 13 11C13 11.433 13.3516 11.784 13.7853 11.784H15.2094V13.216C15.2094 13.649 15.561 14 15.9948 14C16.4285 14 16.7801 13.649 16.7801 13.216V11.784H18.2147C18.6484 11.784 19 11.433 19 11C19 10.567 18.6484 10.216 18.2147 10.216Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">connect</div></div><div class="nav_category-row"><div class="nav_category-col"><a href="https://discord.gg/uMpcC5RmJh" target="_blank" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Developer Discord</div><div class="nav-subtext">Online community to discuss projects and help fellow devs</div></div></a><a href="https://stackoverflow.com/questions/tagged/mapbox+mapbox-ios+mapbox-android" target="_blank" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Stack Overflow</div><div class="nav-subtext">Share and search technical questions and solutions</div></div></a><a href="https://github.com/mapbox" target="_blank" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Github</div><div class="nav-subtext">Submit bugs, share requests, and track releases</div></div></a></div><div><a href="/support" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Get Support</div><div class="nav-subtext">Self-serve resources, account help, and technical assistance</div></div></a><a href="/developer-network" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Developer Network</div><div class="nav-subtext">Contract independent developers</div></div></a></div></div></div><div class="nav_dev-col-3"><div class="nav_category-heading mb-18"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2302_10341)"> <path d="M7.66729 13.3334C8.95596 14.622 11.0453 14.6221 12.334 13.3334L15.6673 10C16.956 8.71136 16.956 6.62201 15.6673 5.33334C14.3787 4.04467 12.2893 4.04467 11.0006 5.33334L9.33397 7.00002" stroke="#007AFC" stroke-width="2" stroke-linecap="round"></path> <path d="M10.3327 10.6666C9.04404 9.37795 6.95469 9.37795 5.66602 10.6666L2.33267 14C1.044 15.2886 1.044 17.378 2.33267 18.6667C3.62134 19.9553 5.71069 19.9553 6.99936 18.6667L8.66603 17" stroke="#007AFC" stroke-width="2" stroke-linecap="round"></path> </g> <defs> <clipPath id="clip0_2302_10341"> <rect width="24" height="24" fill="white"></rect> </clipPath> </defs> </svg></div><div class="nav_category-label">links</div></div><div class="nav_category-row"><div class="nav_category-col"><a href="/developers" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Developer Quickstart</div><div class="nav-subtext">Overview of developer resources</div></div></a><a href="https://labs.mapbox.com/developer-cheatsheet/" target="_blank" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Developer Cheat Sheet</div><div class="nav-subtext">Snapshot overview of Mapbox services</div></div></a><a href="https://docs.mapbox.com/help/" target="_blank" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Help & Troubleshooting</div><div class="nav-subtext">Find answers and get help</div></div></a></div><div><a href="https://docs.mapbox.com/playground/" target="_blank" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">API Playgrounds</div><div class="nav-subtext">Demo spaces to experiment with Mapbox</div></div></a><a href="https://docs.mapbox.com/resources/dev-tools/" target="_blank" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Developer Tools</div><div class="nav-subtext">Web-based tools to help build with Mapbox</div></div></a><a href="https://status.mapbox.com/" target="_blank" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">API Status</div><div class="nav-subtext">Real-time data on system performance</div></div></a></div></div></div></div></div></div><div class="nav_dev-bg"></div></div></div></div></nav></div><div data-hover="true" data-delay="300" data-w-id="88454071-fa27-d0a2-0d18-4e7f200cef61" class="nav_link w-dropdown"><div class="nav_link-toggle w-dropdown-toggle"><div class="nav_link-contents"><div class="nav_text">Company</div><div class="nav_icon w-embed"><svg width="7" height="5" viewBox="0 0 7 5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.87796 4.56356C3.67858 4.79379 3.32142 4.79379 3.12204 4.56356L0.319371 1.32733C0.0389327 1.00351 0.268959 0.5 0.697336 0.5L6.30267 0.500001C6.73104 0.500001 6.96107 1.00351 6.68063 1.32733L3.87796 4.56356Z" fill="currentColor"></path> </svg></div><div class="nav_dd-active"></div></div></div><nav class="nav_link-list w-dropdown-list"><div class="nav_link-bg"><div><div class="nav_link-wr is-padding-top"><div id="w-node-_8fb92d99-9439-2a74-d523-9bcc49202335-49202332" class="nav_link-content is-product"><div class="nav_company-wr"><div class="nav_company-col _1"><div class="nav_category-heading is-company"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.825 3C10.464 3 8.55 4.90284 8.55 7.24952C8.55 9.59621 10.464 11.499 12.825 11.499C15.186 11.499 17.1 9.59621 17.1 7.24952C17.1 4.90284 15.186 3 12.825 3ZM5.7 3.94434C3.60135 3.94434 1.9 5.63565 1.9 7.72169C1.9 9.80774 3.60135 11.499 5.7 11.499C6.48793 11.499 7.20717 11.2838 7.84016 10.8437C6.2168 8.44509 6.44689 6.14843 7.33163 4.29847C6.82632 4.06049 6.27133 3.94434 5.7 3.94434ZM2.90937 12.7682C1.16698 13.4831 0 15.2349 0 17.1651V19.0538C0 19.575 0.425315 19.9981 0.95 19.9981L4.89516 20C4.67286 19.2823 4.73822 18.1189 4.75285 17.1774C4.78373 15.1782 5.61545 13.7522 5.94121 13.3764C5.34252 13.3717 4.62403 13.2272 4.09687 13.0043C3.96957 12.9505 3.89566 12.908 3.65161 12.7975C3.4123 12.6889 3.15238 12.6681 2.90937 12.7682ZM9.55937 12.7682C7.81698 13.4831 6.65 15.2349 6.65 17.1651V19.0538C6.65 19.575 7.07531 19.9981 7.6 19.9981H18.05C18.5747 19.9981 19 19.575 19 19.0538V17.1651C19 15.2802 17.8266 13.5709 16.0906 12.8268C15.8463 12.722 15.5616 12.7191 15.3187 12.8268C14.4782 13.2017 13.6593 13.3877 12.825 13.3877C11.9936 13.3877 11.1718 13.1913 10.3016 12.7975C10.0623 12.6889 9.80239 12.6681 9.55937 12.7682Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">Company</div></div><div class="nav_category-col is-company"><a href="/company" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Who we are</div><div class="nav-subtext">About our company mission and history</div></div></a><a href="/company/values" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">What we value</div><div class="nav-subtext">About what drives us</div></div></a><a href="https://www.mapbox.com/about/maps" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">What we do</div><div class="nav-subtext">About Mapbox technologies and data</div></div></a></div></div><div class="nav_company-col _2"><div class="nav_category-heading is-company"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.23077 6.90894H3.92308H1.30769C0.588462 6.90894 0 7.56349 0 8.36349V10.9999L3.92308 11.6922L8.5 12.4999L13.0769 11.6922L17 10.9999V8.36349C17 7.56349 16.4115 6.90894 15.6923 6.90894H13.0769H11.7692V4.99996C11.7692 4.19996 11.1808 3.54541 10.4615 3.54541H6.53846C5.81923 3.54541 5.23077 4.19996 5.23077 4.99996V6.90894ZM17 12.4999L13.0769 13.1922L8.5 13.9999L3.92308 13.1922L0 12.4999V18.5453C0 19.3453 0.588462 19.9999 1.30769 19.9999H3.92308H13.0769H15.6923C16.4115 19.9999 17 19.3453 17 18.5453V12.4999ZM10.4615 6.90894H6.53846V4.99996H10.4615V6.90894Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">Careers</div></div><div class="nav_category-col is-company"><a href="/careers" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-top"><div class="nav_link-heading">Work at Mapbox</div><div class="nav_tag"><div>HIRING</div></div></div><div class="nav-subtext">Opportunities to join our team</div></div></a><a href="/company/culture" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Life at Mapbox</div><div class="nav-subtext">How we support your career</div></div></a><a href="/dei" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Diversity, Equity & Inclusion</div><div class="nav-subtext">Building a Mapbox for everyone</div></div></a></div></div><div class="nav_company-col _3"><div class="nav_category-heading is-company"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.42792 6.63152C8.09583 5.78949 6.90416 5.78949 6.57208 6.63152L4.89183 10.8918L0.631517 12.5721C-0.210505 12.9042 -0.210506 14.0958 0.631517 14.4279L4.89183 16.1082L6.57208 20.3685C6.90416 21.2105 8.09583 21.2105 8.42792 20.3685L10.1082 16.1082L14.3685 14.4279C15.2105 14.0958 15.2105 12.9042 14.3685 12.5721L10.1082 10.8918L8.42792 6.63152Z" fill="#007AFC"></path> <path d="M16.3712 3.25261C16.2383 2.9158 15.7617 2.9158 15.6288 3.25261L14.9567 4.95673L13.2526 5.62883C12.9158 5.76167 12.9158 6.23833 13.2526 6.37117L14.9567 7.04327L15.6288 8.74739C15.7617 9.0842 16.2383 9.0842 16.3712 8.74739L17.0433 7.04327L18.7474 6.37117C19.0842 6.23833 19.0842 5.76167 18.7474 5.62883L17.0433 4.95673L16.3712 3.25261Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">impact</div></div><div class="nav_category-col is-company"><a href="/esg" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Sustainability</div><div class="nav-subtext">Environmental and social responsibility</div></div></a><a href="/community/impact" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Social Impact</div><div class="nav-subtext">Support for non-profits and positive impact organizations</div></div></a></div></div><div class="nav_company-col is-last"><div class="nav_category-label is-socials">follow us</div><a href="https://www.linkedin.com/company/mapbox" target="_blank" class="nav_company-link is-linkedin w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.60001 19H4.2V8.3H7.60001V19ZM5.9 6.8C4.8 6.8 4 6 4 4.9C4 3.8 4.9 3 5.9 3C7 3 7.8 3.8 7.8 4.9C7.8 6 7 6.8 5.9 6.8ZM20 19H16.6V13.2C16.6 11.5 15.9 11 14.9 11C13.9 11 12.9 11.8 12.9 13.3V19H9.5V8.3H12.7V9.8C13 9.1 14.2 8 15.9 8C17.8 8 19.8 9.1 19.8 12.4V19H20Z" fill="currentColor"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading is-social">LinkedIn</div></div></a><a href="https://twitter.com/mapbox" target="_blank" class="nav_company-link is-x w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.50124 4.75H4.00208L4.30104 5.14973L9.95144 12.7048L4.28138 18.8302L3.89276 19.25H4.46484H5.77284H5.88209L5.9563 19.1698L10.8404 13.8934L14.7716 19.1497L14.8466 19.25H14.9718H19.4228H19.922L19.623 18.8503L13.6477 10.8608L18.9156 5.16983L19.3042 4.75H18.7321H17.4241H17.3148L17.2406 4.83018L12.7589 9.67217L9.1526 4.85027L9.07761 4.75H8.9524H4.50124ZM15.5795 17.7864L6.924 6.21346H8.34438L16.9999 17.7864H15.5795Z" fill="currentColor" stroke="#8B96AA" stroke-width="0.5"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading is-social">X</div></div></a><a href="https://www.youtube.com/channel/UCIHl9sd2brgvjBlSETKYDcg" target="_blank" class="nav_company-link is-youtube w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.0727 5.9996C20.8926 6.92605 21 8.39815 21 12C21 15.6018 20.8926 17.0739 20.0727 18.0004C19.2524 18.9269 18.3984 19 12 19C5.60164 19 4.74761 18.9269 3.92732 18.0004C3.10736 17.0739 3 15.6018 3 12C3 8.39815 3.10736 6.92605 3.92732 5.9996C4.74729 5.07315 5.60164 5 12 5C18.3984 5 19.2524 5.07315 20.0727 5.9996ZM10.542 14.9666L14.9144 12.1512L10.542 9.3799V14.9666Z" fill="currentColor"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading is-social">Youtube</div></div></a><a data-w-id="8fb92d99-9439-2a74-d523-9bcc49202396" href="https://www.instagram.com/mapbox/?hl=en" target="_blank" class="nav_company-link w-inline-block"><div class="nav_insta-gray w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0054 3C8.24695 3 7.14775 3.00388 6.93409 3.0216C6.16279 3.08571 5.68284 3.20716 5.15997 3.46749C4.75701 3.66758 4.43921 3.89952 4.12557 4.22466C3.55437 4.8176 3.20819 5.54708 3.08287 6.4142L3.07983 6.4352C3.02135 6.83863 3.00415 6.95724 3.00062 9.07122C2.99973 9.52731 2.99997 10.0751 3.00027 10.7393C3.00043 11.1188 3.00062 11.5364 3.00062 11.9965C3.00062 15.7519 3.00477 16.85 3.02277 17.0632C3.08508 17.8137 3.20279 18.2859 3.45204 18.8024C3.92839 19.7911 4.83816 20.5333 5.90994 20.8103C6.28105 20.9058 6.69093 20.9585 7.21713 20.9834C7.44007 20.9931 9.71241 21 11.9861 21C14.2599 21 16.5336 20.9972 16.751 20.9862C17.3603 20.9575 17.7141 20.91 18.1053 20.8089C18.6367 20.6726 19.132 20.422 19.5565 20.0745C19.9811 19.7269 20.3246 19.2909 20.5632 18.7969C20.8076 18.2928 20.9315 17.8027 20.9876 17.0913C20.9998 16.9362 21.0049 14.4635 21.0049 11.9941C21.0049 9.52431 20.9994 7.05616 20.9872 6.90107C20.9304 6.17824 20.8065 5.6922 20.5542 5.17846C20.3472 4.75792 20.1173 4.44386 19.7836 4.12274C19.1881 3.55389 18.4598 3.20771 17.5917 3.08253L17.5684 3.07916C17.1673 3.02107 17.0471 3.00367 14.9355 3H12.0054ZM12 15.5267C13.6569 15.5267 15 14.1836 15 12.5267C15 10.8699 13.6569 9.52673 12 9.52673C10.3431 9.52673 9 10.8699 9 12.5267C9 14.1836 10.3431 15.5267 12 15.5267ZM12 17.0267C14.4853 17.0267 16.5 15.012 16.5 12.5267C16.5 10.0415 14.4853 8.02673 12 8.02673C9.51472 8.02673 7.5 10.0415 7.5 12.5267C7.5 15.012 9.51472 17.0267 12 17.0267ZM16.5 8.50085C17.0523 8.50085 17.5 8.05314 17.5 7.50085C17.5 6.94857 17.0523 6.50085 16.5 6.50085C15.9477 6.50085 15.5 6.94857 15.5 7.50085C15.5 8.05314 15.9477 8.50085 16.5 8.50085Z" fill="#8B96AA"></path> </svg></div><div class="nav_insta-color w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0054 3C8.24695 3 7.14775 3.00388 6.93409 3.0216C6.16279 3.08571 5.68284 3.20716 5.15997 3.46749C4.75701 3.66758 4.43921 3.89952 4.12557 4.22466C3.55437 4.8176 3.20819 5.54708 3.08287 6.4142C3.02194 6.83516 3.00422 6.92101 3.00062 9.07122C2.99923 9.78796 3.00062 10.7312 3.00062 11.9965C3.00062 15.7519 3.00477 16.85 3.02277 17.0632C3.08508 17.8137 3.20279 18.2859 3.45204 18.8024C3.92839 19.7911 4.83816 20.5333 5.90994 20.8103C6.28105 20.9058 6.69093 20.9585 7.21713 20.9834C7.44007 20.9931 9.71241 21 11.9861 21C14.2599 21 16.5336 20.9972 16.751 20.9862C17.3603 20.9575 17.7141 20.91 18.1053 20.8089C18.6367 20.6726 19.132 20.422 19.5565 20.0745C19.9811 19.7269 20.3246 19.2909 20.5632 18.7969C20.8076 18.2928 20.9315 17.8027 20.9876 17.0913C20.9998 16.9362 21.0049 14.4635 21.0049 11.9941C21.0049 9.52431 20.9994 7.05616 20.9872 6.90107C20.9304 6.17824 20.8065 5.6922 20.5542 5.17846C20.3472 4.75792 20.1173 4.44386 19.7836 4.12274C19.1881 3.55389 18.4598 3.20771 17.5917 3.08253C17.1711 3.02174 17.0874 3.00374 14.9355 3H12.0054Z" fill="url(#paint0_radial_2734_2856)"></path> <path d="M12.0054 3C8.24695 3 7.14775 3.00388 6.93409 3.0216C6.16279 3.08571 5.68284 3.20716 5.15997 3.46749C4.75701 3.66758 4.43921 3.89952 4.12557 4.22466C3.55437 4.8176 3.20819 5.54708 3.08287 6.4142C3.02194 6.83516 3.00422 6.92101 3.00062 9.07122C2.99923 9.78796 3.00062 10.7312 3.00062 11.9965C3.00062 15.7519 3.00477 16.85 3.02277 17.0632C3.08508 17.8137 3.20279 18.2859 3.45204 18.8024C3.92839 19.7911 4.83816 20.5333 5.90994 20.8103C6.28105 20.9058 6.69093 20.9585 7.21713 20.9834C7.44007 20.9931 9.71241 21 11.9861 21C14.2599 21 16.5336 20.9972 16.751 20.9862C17.3603 20.9575 17.7141 20.91 18.1053 20.8089C18.6367 20.6726 19.132 20.422 19.5565 20.0745C19.9811 19.7269 20.3246 19.2909 20.5632 18.7969C20.8076 18.2928 20.9315 17.8027 20.9876 17.0913C20.9998 16.9362 21.0049 14.4635 21.0049 11.9941C21.0049 9.52431 20.9994 7.05616 20.9872 6.90107C20.9304 6.17824 20.8065 5.6922 20.5542 5.17846C20.3472 4.75792 20.1173 4.44386 19.7836 4.12274C19.1881 3.55389 18.4598 3.20771 17.5917 3.08253C17.1711 3.02174 17.0874 3.00374 14.9355 3H12.0054Z" fill="url(#paint1_radial_2734_2856)"></path> <path d="M15.75 12.5267C15.75 14.5978 14.0711 16.2767 12 16.2767C9.92893 16.2767 8.25 14.5978 8.25 12.5267C8.25 10.4557 9.92893 8.77673 12 8.77673C14.0711 8.77673 15.75 10.4557 15.75 12.5267Z" stroke="white" stroke-width="1.5"></path> <path d="M17.5 7.50073C17.5 8.05302 17.0523 8.50073 16.5 8.50073C15.9477 8.50073 15.5 8.05302 15.5 7.50073C15.5 6.94845 15.9477 6.50073 16.5 6.50073C17.0523 6.50073 17.5 6.94845 17.5 7.50073Z" fill="white"></path> <defs> <radialGradient id="paint0_radial_2734_2856" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.5 24.5) rotate(-89.1886) scale(19.955 18.5647)"> <stop stop-color="#FFDD55"></stop> <stop offset="0.1" stop-color="#FFDD55"></stop> <stop offset="0.5" stop-color="#FF543E"></stop> <stop offset="1" stop-color="#C837AB"></stop> </radialGradient> <radialGradient id="paint1_radial_2734_2856" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-0.0159172 4.29669) rotate(78.6776) scale(7.97434 32.8788)"> <stop stop-color="#3771C8"></stop> <stop offset="0.128" stop-color="#3771C8"></stop> <stop offset="1" stop-color="#6600FF" stop-opacity="0"></stop> </radialGradient> </defs> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading is-social">Instagram</div></div></a><a href="https://www.tiktok.com/@mapbox" target="_blank" class="nav_company-link is-tiktok w-inline-block"><div class="icon-24 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M17.658 6.84956C17.5365 6.78677 17.4182 6.71794 17.3036 6.64332C16.9704 6.423 16.6648 6.1634 16.3935 5.87011C15.7149 5.09352 15.4613 4.30568 15.368 3.75409H15.3717C15.2937 3.29624 15.326 3 15.3308 3H12.2395V14.9536C12.2395 15.1142 12.2395 15.2728 12.2328 15.4295C12.2328 15.449 12.2309 15.467 12.2298 15.488C12.2298 15.4966 12.2298 15.5056 12.2279 15.5146C12.2279 15.5168 12.2279 15.5191 12.2279 15.5213C12.1953 15.9503 12.0578 16.3645 11.8275 16.7279C11.5972 17.0911 11.2812 17.3923 10.9072 17.6048C10.5174 17.8265 10.0766 17.9429 9.62814 17.9423C8.18783 17.9423 7.02052 16.7678 7.02052 15.3174C7.02052 13.867 8.18783 12.6925 9.62814 12.6925C9.90078 12.6923 10.1717 12.7352 10.431 12.8196L10.4347 9.67204C9.64777 9.57039 8.8483 9.63293 8.08673 9.85572C7.32516 10.0785 6.61803 10.4567 6.00994 10.9665C5.47712 11.4294 5.02917 11.9818 4.68626 12.5988C4.55577 12.8238 4.06341 13.7278 4.00379 15.1952C3.96629 16.028 4.2164 16.8908 4.33565 17.2475V17.2549C4.41064 17.4649 4.70126 18.1815 5.17486 18.7855C5.55676 19.2702 6.00795 19.6958 6.51392 20.0489V20.0414L6.52141 20.0489C8.01797 21.0659 9.67726 20.9991 9.67726 20.9991C9.9645 20.9875 10.9267 20.9991 12.0194 20.4812C13.2313 19.9071 13.9213 19.0519 13.9213 19.0519C14.3621 18.5408 14.7126 17.9584 14.9578 17.3295C15.2375 16.5942 15.3308 15.7122 15.3308 15.3598V9.01807C15.3684 9.04057 15.8679 9.37093 15.8679 9.37093C15.8679 9.37093 16.5874 9.83216 17.7101 10.1325C18.5156 10.3463 19.6008 10.3913 19.6008 10.3913V7.32241C19.2205 7.36366 18.4484 7.24366 17.658 6.84956Z" fill="currentColor"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading is-social">TikTok</div></div></a><a href="#" class="nav_company-link is-discord hide w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18.9419 5.65705C17.6473 5.06086 16.263 4.62758 14.8157 4.38086C14.638 4.69714 14.4304 5.12254 14.2872 5.46095C12.7487 5.23323 11.2245 5.23323 9.7143 5.46095C9.57116 5.12254 9.3588 4.69714 9.17947 4.38086C7.73067 4.62758 6.3448 5.06245 5.05016 5.6602C2.43887 9.54405 1.73099 13.3314 2.08493 17.065C3.81688 18.338 5.49534 19.1114 7.14548 19.6174C7.55291 19.0655 7.91628 18.4788 8.22931 17.8605C7.63313 17.6375 7.06211 17.3624 6.52256 17.0429C6.6657 16.9385 6.80571 16.8294 6.94098 16.7171C10.2318 18.2321 13.8074 18.2321 17.0589 16.7171C17.1958 16.8294 17.3358 16.9385 17.4774 17.0429C16.9362 17.3639 16.3637 17.6391 15.7675 17.8621C16.0805 18.4788 16.4423 19.0671 16.8513 19.619C18.503 19.1129 20.183 18.3396 21.915 17.065C22.3303 12.7368 21.2056 8.98424 18.9419 5.65705ZM8.67765 14.7689C7.68977 14.7689 6.87963 13.8612 6.87963 12.7558C6.87963 11.6504 7.67247 10.7412 8.67765 10.7412C9.68285 10.7412 10.493 11.6488 10.4757 12.7558C10.4772 13.8612 9.68285 14.7689 8.67765 14.7689ZM15.3223 14.7689C14.3344 14.7689 13.5243 13.8612 13.5243 12.7558C13.5243 11.6504 14.3171 10.7412 15.3223 10.7412C16.3275 10.7412 17.1376 11.6488 17.1203 12.7558C17.1203 13.8612 16.3275 14.7689 15.3223 14.7689Z" fill="currentColor"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading is-social">Discord</div></div></a><a href="#" class="nav_company-link is-github hide w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9694 2C6.46483 2 2 6.58933 2 12.2474C2 16.7739 4.87462 20.6088 8.78899 21.9919C9.27829 22.0547 9.46177 21.7404 9.46177 21.4889C9.46177 21.2375 9.46177 20.6088 9.46177 19.7286C6.70948 20.3573 6.09786 18.3456 6.09786 18.3456C5.66972 17.1511 4.99694 16.8367 4.99694 16.8367C4.07951 16.2081 5.0581 16.2081 5.0581 16.2081C6.0367 16.2709 6.58716 17.2768 6.58716 17.2768C7.50459 18.8485 8.91131 18.4084 9.46177 18.1569C9.52294 17.4654 9.82875 17.0253 10.0734 16.7739C7.87156 16.5224 5.5474 15.6422 5.5474 11.6816C5.5474 10.55 5.91437 9.66984 6.58716 8.91543C6.52599 8.72682 6.15902 7.65808 6.70948 6.27499C6.70948 6.27499 7.56575 6.02352 9.46177 7.34374C10.2569 7.09227 11.1131 7.0294 11.9694 7.0294C12.8257 7.0294 13.682 7.15514 14.4771 7.34374C16.3731 6.02352 17.2294 6.27499 17.2294 6.27499C17.7798 7.65808 17.4128 8.72682 17.3517 8.97829C17.9633 9.66984 18.3914 10.6128 18.3914 11.7445C18.3914 15.7051 16.0673 16.5224 13.8654 16.7739C14.2324 17.0882 14.5382 17.7169 14.5382 18.6599C14.5382 20.043 14.5382 21.1117 14.5382 21.4889C14.5382 21.7404 14.7217 22.0547 15.211 21.9919C19.1865 20.6088 22 16.7739 22 12.2474C21.9388 6.58933 17.474 2 11.9694 2Z" fill="currentColor"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading is-social">Github</div></div></a><a href="#" class="nav_company-link is-blog hide w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2C6.47694 2 2 6.47694 2 12C2 17.5231 6.47694 22 12 22C17.5231 22 22 17.5231 22 12C22 6.47694 17.5231 2 12 2ZM16.7469 14.4522C13.3273 17.8718 7.21935 16.7807 7.21935 16.7807C7.21935 16.7807 6.11699 10.6839 9.54781 7.25309C11.4488 5.35208 14.5984 5.43082 16.5894 7.41057C18.5804 9.39033 18.6479 12.5512 16.7469 14.4522Z" fill="currentColor"></path> <path d="M13.1464 7.86035L12.1678 9.87385L10.1543 10.8525L12.1678 11.8311L13.1464 13.8446L14.1251 11.8311L16.1386 10.8525L14.1251 9.87385L13.1464 7.86035Z" fill="currentColor"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading is-social">Blog</div></div></a></div></div></div></div></div></div></nav></div><div data-hover="true" data-delay="300" data-w-id="88454071-fa27-d0a2-0d18-4e7f200cefc7" class="nav_link w-dropdown"><div class="nav_link-toggle w-dropdown-toggle"><div class="nav_link-contents"><div class="nav_text">Resources</div><div class="nav_icon w-embed"><svg width="7" height="5" viewBox="0 0 7 5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.87796 4.56356C3.67858 4.79379 3.32142 4.79379 3.12204 4.56356L0.319371 1.32733C0.0389327 1.00351 0.268959 0.5 0.697336 0.5L6.30267 0.500001C6.73104 0.500001 6.96107 1.00351 6.68063 1.32733L3.87796 4.56356Z" fill="currentColor"></path> </svg></div><div class="nav_dd-active"></div></div></div><nav class="nav_link-list w-dropdown-list"><div class="nav_link-bg"><div><div class="nav_link-wr is-padding-top"><div id="w-node-_1f645b94-f234-80e5-a5a6-6d8fe613c62d-e613c62a" class="nav_link-content is-product"><div class="nav_resources-wr"><div class="nav_resources-col _1"><div class="nav_category-heading is-company"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.47037 11.1562H11.5296C11.4602 8.84931 11.1092 6.80542 10.5953 5.31307C10.306 4.47298 9.98065 3.85362 9.66112 3.46113C9.33588 3.06165 9.10732 3 9 3C8.89268 3 8.66412 3.06165 8.33888 3.46113C8.01935 3.85362 7.69402 4.47298 7.40474 5.31307C6.89085 6.80542 6.53984 8.84931 6.47037 11.1562Z" fill="#007AFC"></path> <path d="M11.5296 12.8438C11.4602 15.1507 11.1092 17.1946 10.5953 18.6869C10.306 19.527 9.98065 20.1464 9.66112 20.5389C9.33588 20.9384 9.10732 21 9 21C8.89268 21 8.66412 20.9384 8.33888 20.5389C8.01935 20.1464 7.69402 19.527 7.40474 18.6869C6.89085 17.1946 6.53984 15.1507 6.47037 12.8438H11.5296Z" fill="#007AFC"></path> <path d="M13.2252 12.8438H18C17.6552 16.5356 15.0709 19.5804 11.6127 20.6183C11.8314 20.2005 12.0264 19.7341 12.1985 19.2342C12.7833 17.536 13.1554 15.2999 13.2252 12.8438Z" fill="#007AFC"></path> <path d="M18 11.1562H13.2252C13.1554 8.70009 12.7833 6.46396 12.1985 4.76577C12.0264 4.26586 11.8314 3.79954 11.6127 3.38168C15.0709 4.41956 17.6552 7.46439 18 11.1562Z" fill="#007AFC"></path> <path d="M4.77481 11.1562H1.69953e-08C0.344754 7.46439 2.92912 4.41956 6.38726 3.38168C6.16863 3.79954 5.97365 4.26586 5.8015 4.76577C5.21673 6.46396 4.84456 8.70009 4.77481 11.1562Z" fill="#007AFC"></path> <path d="M4.77481 12.8438H0C0.344754 16.5356 2.92912 19.5804 6.38726 20.6183C6.16862 20.2005 5.97365 19.7341 5.8015 19.2342C5.21673 17.536 4.84456 15.2999 4.77481 12.8438Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">News</div></div><div class="nav_category-col is-company"><a href="https://www.mapbox.com/blog" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-top"><div class="nav_link-heading">Blog</div><div class="nav_tag hide">NEW</div></div><div class="nav-subtext">Stay updated on product launches and new features</div></div></a><a href="https://www.mapbox.com/newsroom" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Newsroom</div><div class="nav-subtext">The latest Mapbox news and press resources</div></div></a><a href="https://www.mapbox.com/events" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">Events</div><div class="nav-subtext">Connect with Mapbox at virtual and in-person events</div></div></a></div></div><div class="nav_resources-col _2"><div class="nav_category-heading is-company"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.2813 4.94341C15.0509 4.74819 14.7808 4.60799 14.4906 4.53303C14.2004 4.45806 13.8975 4.45023 13.604 4.5101L10.982 5.19141C10.3676 5.30566 9.81186 5.63667 9.41177 6.12673C9.01167 6.6168 8.79257 7.23483 8.79266 7.87306V17.6054L8 17.7288L7.19226 17.592V7.85962C7.1947 7.2277 6.98105 6.61476 6.58824 6.12673C6.19542 5.6387 5.64812 5.30625 5.04093 5.18682L2.35733 4.49988C2.06918 4.4464 1.77305 4.45825 1.48987 4.5346C1.20669 4.61094 0.943372 4.7499 0.718521 4.94168C0.49367 5.13345 0.312775 5.37335 0.188618 5.64443C0.0644604 5.9155 7.11635e-05 6.21114 0 6.51044V17.9797L8 19.467L16 17.9797V6.51044C16 6.21135 15.9357 5.91593 15.8115 5.64512C15.6873 5.3743 15.5063 5.13474 15.2813 4.94341Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">Learn</div></div><div class="nav_category-col is-company"><a href="https://www.mapbox.com/showcase" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-top"><div class="nav_link-heading">Customer Showcase</div><div class="nav_tag hide">NEW</div></div><div class="nav-subtext">See customer use cases and impact across industries</div></div></a><a href="https://www.mapbox.com/webinars" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-top"><div class="nav_link-heading">Webinars</div><div class="nav_tag hide">NEW</div></div><div class="nav-subtext">Live and on-demand videos about building with Mapbox</div></div></a><a href="https://www.youtube.com/channel/UCIHl9sd2brgvjBlSETKYDcg" target="_blank" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-top"><div class="nav_link-heading">Videos</div><div class="nav_tag hide">NEW</div></div><div class="nav-subtext">How-to videos, developer spotlights, event recordings, and more</div></div></a></div></div><div class="nav_resources-col _3"><div class="nav_category-heading is-company"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 12C18 13.78 17.4722 15.5201 16.4832 17.0001C15.4943 18.4802 14.0887 19.6337 12.4442 20.3149C10.7996 20.9961 8.99002 21.1743 7.24419 20.8271C5.49836 20.4798 3.89471 19.6226 2.63604 18.364C1.37737 17.1053 0.520203 15.5016 0.172936 13.7558C-0.17433 12.01 0.00389957 10.2004 0.685088 8.55585C1.36628 6.91131 2.51983 5.50571 3.99987 4.51677C5.47991 3.52784 7.21997 3 9 3C11.3862 3.00258 13.6738 3.95162 15.3611 5.63889C17.0484 7.32616 17.9974 9.61384 18 12ZM10.5 12C10.5 11.6022 10.342 11.2206 10.0607 10.9393C9.77936 10.658 9.39783 10.5 9 10.5H7.5V12H9V17.25H10.5V12ZM9 6.75C8.7775 6.75 8.55999 6.81598 8.37499 6.9396C8.18998 7.06321 8.04579 7.23891 7.96064 7.44448C7.87549 7.65005 7.85321 7.87625 7.89662 8.09448C7.94003 8.3127 8.04717 8.51316 8.20451 8.67049C8.36184 8.82783 8.5623 8.93497 8.78053 8.97838C8.99875 9.02179 9.22495 8.99951 9.43052 8.91436C9.63609 8.82922 9.81179 8.68502 9.93541 8.50002C10.059 8.31501 10.125 8.0975 10.125 7.875C10.125 7.57663 10.0065 7.29048 9.7955 7.0795C9.58452 6.86853 9.29837 6.75 9 6.75Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">Get Help</div></div><div class="nav_category-col is-company"><a href="https://www.mapbox.com/support" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-top"><div class="nav_link-heading">Support</div><div class="nav_tag hide">NEW</div></div><div class="nav-subtext">Flexible options for fast and expert help</div></div></a><a href="https://www.mapbox.com/community/education" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-top"><div class="nav_link-heading">Education</div><div class="nav_tag hide">NEW</div></div><div class="nav-subtext">Resources for students and instructors</div></div></a><a href="https://www.mapbox.com/platform/security" class="nav_link-block w-inline-block"><div class="nav_link-block-text"><div class="nav_link-top"><div class="nav_link-heading">Security</div><div class="nav_tag hide">NEW</div></div><div class="nav-subtext">Protect the security of your account, data, and users.</div></div></a></div></div><div class="nav_res-col-2"><div class="nav_category-heading is-resources-cta"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.30312 3.26072L1.09036 13.7514C0.970867 13.951 0.969823 14.1967 1.08762 14.3972C1.20541 14.5978 1.42443 14.7231 1.66333 14.7268H5.20224C5.9406 14.7268 6.53916 15.3042 6.53916 16.0165V20.3515C6.53998 20.638 6.73508 20.8902 7.01954 20.9725C7.30401 21.0548 7.61081 20.9479 7.77497 20.7091L13.8866 11.8549C14.0238 11.6587 14.0375 11.4055 13.9222 11.1967C13.8069 10.9878 13.5814 10.8575 13.3361 10.8578H9.84215C9.09758 10.8578 8.49399 10.2756 8.49399 9.55732V3.55334C8.45762 3.29518 8.26252 3.08413 8.0008 3.01982C7.73908 2.95551 7.46308 3.05081 7.30312 3.26072Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">featured showcase</div></div><a href="/showcase/mapspeople" class="nav_cta-group is-resources w-inline-block"><div class="cta_img-wrap"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/66abcbb8e6d46401d6140c4b_6542cb9ef0d7cde17f30511f_img.webp" loading="lazy" width="306" sizes="100vw" alt="" srcset="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/66abcbb8e6d46401d6140c4b_6542cb9ef0d7cde17f30511f_img-p-500.webp 500w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/66abcbb8e6d46401d6140c4b_6542cb9ef0d7cde17f30511f_img.webp 600w" class="nav_cta-img"></div><div class="cta_bottom"><div class="nav_cta-text is-heading">Indoor map innovation powered by Mapbox 3D visualizations...</div><div class="nav_cta-text is-link">Read more <span class="arrow">→</span></div></div></a></div></div></div></div></div></div></nav></div><div data-w-id="228222b9-d237-6152-0100-3f0d3f578d01" class="nav_page-overlay"></div></div><a href="/pricing" class="nav_link-text w-inline-block"><div class="nav_text-link">Pricing</div></a></div></div><div class="nav_right"><div class="hide"><div class="nav_right-hide-tablet"><div data-hover="false" data-delay="0" data-w-id="88454071-fa27-d0a2-0d18-4e7f200cf035" class="nav_lang-dropdown w-dropdown"><div class="nav_lang-toggle w-dropdown-toggle"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2278_1199)"> <g clip-path="url(#clip1_2278_1199)"> <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="currentColor" stroke-miterlimit="10"></path> <path d="M4 9L20 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4 15.0229L20 15.0015" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12 20.7562C14.0711 20.7562 15.75 16.8358 15.75 11.9999C15.75 7.16396 14.0711 3.24365 12 3.24365C9.92893 3.24365 8.25 7.16396 8.25 11.9999C8.25 16.8358 9.92893 20.7562 12 20.7562Z" stroke="currentColor" stroke-miterlimit="10"></path> </g> </g> <defs> <clipPath id="clip0_2278_1199"> <rect width="24" height="24" fill="white"></rect> </clipPath> <clipPath id="clip1_2278_1199"> <rect width="24" height="24" fill="white"></rect> </clipPath> </defs> </svg></div></div><nav class="nav_lang-dd w-dropdown-list"><a href="#" class="nav_lang-text w-inline-block"><div class="nav_dd-text">English</div><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 11.8462L9.78947 16L18 8" stroke="#007AFC" stroke-width="2"></path> </svg></div></a><a href="#" class="nav_lang-text w-inline-block"><div class="nav_dd-text">日本語</div><div class="icon-24 hide w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 11.8462L9.78947 16L18 8" stroke="#007AFC" stroke-width="2"></path> </svg></div></a></nav></div><a href="https://www.mapbox.com/contact/sales" class="nav_text is-login">Contact Us</a></div><div class="nav_divider is-margin hide-tablet"></div></div><div><div id="sign-up" class="flex align-center"><div class="flex align-center hide-tablet"><a href="https://www.mapbox.com/contact" class="nav_text is-login">Contact us</a><div class="nav_cta-divider"></div><a href="https://account.mapbox.com/auth/signin" target="_blank" class="nav_text is-login mr-16 l_mr-12">Log in</a></div><a href="https://account.mapbox.com/auth/signup" target="_blank" class="button is-nav w-button">Sign up</a><div id="mbx-user-menu" class="hide"></div></div><div id="view-account" class="flex align-center hide"><a href="https://www.mapbox.com/contact" class="nav_text is-login">Contact us</a><div class="nav_cta-divider"></div><a id="view-account" href="https://account.mapbox.com" target="_blank" class="button is-nav w-button">Go to account</a></div></div><div class="mobile_menu-wr"><a id="menu" data-w-id="88454071-fa27-d0a2-0d18-4e7f200cf049" href="#" class="burger w-inline-block"><div class="menu_line"></div><div class="menu_line"></div><div class="menu_line"></div></a><div class="nav_mobile"><div class="navbar_mobile-top"><a href="/" class="navbar_brand is-mobile w-nav-brand"><div class="navbar_logo hide-mobile-landscape w-embed"><svg width="126" height="28" viewBox="0 0 126 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M94.0376 7.66947C92.4586 7.66947 90.9434 8.31514 89.8429 9.44899V3.449C89.8429 3.26002 89.6834 3.10254 89.492 3.10254H87.3548C87.1634 3.10254 87.0039 3.26002 87.0039 3.449V19.6695C87.0039 19.8584 87.1634 20.0159 87.3548 20.0159H89.492C89.6834 20.0159 89.8429 19.8584 89.8429 19.6695V18.5514C90.9434 19.6852 92.4427 20.3309 94.0376 20.3309C97.371 20.3309 100.066 17.4962 100.066 14.0002C100.066 10.5041 97.371 7.66947 94.0376 7.66947ZM93.5432 17.7955C91.5176 17.7955 89.8748 16.1262 89.8589 14.0474V13.9529C89.8908 11.8742 91.5176 10.2049 93.5432 10.2049C95.5847 10.2049 97.2275 11.9057 97.2275 14.0002C97.2275 16.0947 95.5687 17.7955 93.5432 17.7955Z" fill="#23262D"></path> <path d="M107.93 7.66919C104.325 7.66919 101.406 10.5038 101.406 13.9999C101.406 17.496 104.325 20.3306 107.93 20.3306C111.534 20.3306 114.453 17.496 114.453 13.9999C114.453 10.5038 111.534 7.66919 107.93 7.66919ZM107.914 17.7952C105.872 17.7952 104.229 16.0944 104.229 13.9999C104.229 11.9054 105.888 10.2046 107.914 10.2046C109.939 10.2046 111.598 11.9054 111.598 13.9999C111.598 16.0944 109.939 17.7952 107.914 17.7952Z" fill="#23262D"></path> <path d="M68.0398 7.98415H65.9026C65.7112 7.98415 65.5517 8.14163 65.5517 8.33061V9.44872C64.4512 8.31486 62.9519 7.66919 61.357 7.66919C58.0236 7.66919 55.3281 10.5038 55.3281 13.9999C55.3281 17.496 58.0236 20.3306 61.357 20.3306C62.936 20.3306 64.4512 19.6849 65.5517 18.5511V19.6692C65.5517 19.8582 65.7112 20.0156 65.9026 20.0156H68.0398C68.2312 20.0156 68.3907 19.8582 68.3907 19.6692V8.33061C68.3907 8.14163 68.2312 7.98415 68.0398 7.98415ZM61.8514 17.7952C59.8099 17.7952 58.1671 16.0944 58.1671 13.9999C58.1671 11.9054 59.8259 10.2046 61.8514 10.2046C63.877 10.2046 65.5198 11.8739 65.5357 13.9527V14.0471C65.5198 16.1259 63.877 17.7952 61.8514 17.7952Z" fill="#23262D"></path> <path d="M78.7104 7.66919C77.1315 7.66919 75.6163 8.31486 74.5158 9.44872V8.33061C74.5158 8.14163 74.3563 7.98415 74.1649 7.98415H72.0276C71.8363 7.98415 71.6768 8.14163 71.6768 8.33061V24.5511C71.6768 24.7401 71.8363 24.8975 72.0276 24.8975H74.1649C74.3563 24.8975 74.5158 24.7401 74.5158 24.5511V18.5511C75.6163 19.6849 77.1155 20.3306 78.7104 20.3306C82.0439 20.3306 84.7393 17.496 84.7393 13.9999C84.7393 10.5038 82.0439 7.66919 78.7104 7.66919ZM78.216 17.7952C76.1904 17.7952 74.5477 16.1259 74.5317 14.0471V13.9527C74.5636 11.8739 76.1904 10.2046 78.216 10.2046C80.2575 10.2046 81.9003 11.9054 81.9003 13.9999C81.9003 16.0944 80.2575 17.7952 78.216 17.7952Z" fill="#23262D"></path> <path d="M48.9329 7.66915C47.338 7.68489 45.8866 8.59828 45.2008 10.0314C44.4193 8.56678 42.8562 7.6534 41.1815 7.66915C39.8737 7.66915 38.6456 8.29907 37.88 9.33844V8.33056C37.88 8.14159 37.7205 7.98411 37.5291 7.98411H35.3919C35.2005 7.98411 35.041 8.14159 35.041 8.33056V19.6691C35.041 19.8581 35.2005 20.0156 35.3919 20.0156H37.5291C37.7205 20.0156 37.88 19.8581 37.88 19.6691V12.8817C37.9598 11.3699 39.0284 10.1573 40.3362 10.1573C41.6919 10.1573 42.8243 11.2754 42.8243 12.74V19.6691C42.8243 19.8581 42.9838 20.0156 43.1752 20.0156H45.3284C45.5198 20.0156 45.6793 19.8581 45.6793 19.6691L45.6633 12.614C45.8547 11.2282 46.8595 10.1573 48.0876 10.1573C49.4433 10.1573 50.5757 11.2754 50.5757 12.74V19.6691C50.5757 19.8581 50.7352 20.0156 50.9266 20.0156H53.0798C53.2712 20.0156 53.4307 19.8581 53.4307 19.6691L53.4147 11.8739C53.4147 9.54316 51.4051 7.66915 48.9329 7.66915Z" fill="#23262D"></path> <path d="M125.953 19.5276L122.252 13.9685L125.921 8.45669C126.016 8.31496 125.969 8.11024 125.825 8.01575C125.777 7.98425 125.713 7.96851 125.65 7.96851H123.177C122.986 7.96851 122.811 8.06299 122.715 8.22047L120.562 11.7953L118.409 8.23622C118.313 8.07874 118.137 7.98425 117.946 7.98425H115.474C115.298 7.98425 115.155 8.12599 115.155 8.29921C115.155 8.36221 115.171 8.4252 115.203 8.47244L118.871 13.9843L115.171 19.5433C115.075 19.685 115.123 19.8898 115.267 19.9843C115.314 20.0158 115.378 20.0315 115.442 20.0315H117.914C118.106 20.0315 118.281 19.937 118.377 19.7795L120.578 16.1575L122.779 19.7795C122.874 19.937 123.05 20.0315 123.241 20.0315H125.682C125.857 20.0315 126.001 19.8898 126.001 19.7165C126.001 19.6535 125.985 19.5906 125.953 19.5276Z" fill="#23262D"></path> <path d="M14.179 0C6.34786 0 0 6.26772 0 14C0 21.7323 6.34786 28 14.179 28C22.0102 28 28.358 21.7323 28.358 14C28.358 6.26772 22.0102 0 14.179 0ZM20.9097 17.4331C16.061 22.2205 7.40052 20.6929 7.40052 20.6929C7.40052 20.6929 5.83748 12.1575 10.702 7.35433C13.3975 4.69291 17.8633 4.80315 20.6864 7.5748C23.5094 10.3465 23.6051 14.7717 20.9097 17.4331Z" fill="#23262D"></path> <path d="M15.806 8.20459L14.4184 11.0235L11.5635 12.3936L14.4184 13.7636L15.806 16.5825L17.1936 13.7636L20.0486 12.3936L17.1936 11.0235L15.806 8.20459Z" fill="#23262D"></path> </svg></div><div class="navbar_logo show-mobile-landscape w-embed"><svg width="108" height="24" viewBox="0 0 108 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M80.5877 6.57418C79.2345 6.57418 77.9361 7.12761 76.993 8.09949V2.95663C76.993 2.79465 76.8563 2.65967 76.6923 2.65967H74.8608C74.6967 2.65967 74.5601 2.79465 74.5601 2.95663V16.8599C74.5601 17.0219 74.6967 17.1569 74.8608 17.1569H76.6923C76.8563 17.1569 76.993 17.0219 76.993 16.8599V15.9015C77.9361 16.8734 79.2209 17.4268 80.5877 17.4268C83.4443 17.4268 85.7542 14.9971 85.7542 12.0005C85.7542 9.00387 83.4443 6.57418 80.5877 6.57418ZM80.164 15.2536C78.4281 15.2536 77.0203 13.8228 77.0066 12.041V11.96C77.034 10.1782 78.4281 8.74741 80.164 8.74741C81.9135 8.74741 83.3213 10.2052 83.3213 12.0005C83.3213 13.7958 81.8998 15.2536 80.164 15.2536Z" fill="#23262D"></path> <path d="M92.4916 6.57422C89.4026 6.57422 86.9014 9.00391 86.9014 12.0005C86.9014 14.9972 89.4026 17.4269 92.4916 17.4269C95.5806 17.4269 98.0819 14.9972 98.0819 12.0005C98.0819 9.00391 95.5806 6.57422 92.4916 6.57422ZM92.4779 15.2536C90.7284 15.2536 89.3206 13.7958 89.3206 12.0005C89.3206 10.2053 90.7421 8.74745 92.4779 8.74745C94.2138 8.74745 95.6353 10.2053 95.6353 12.0005C95.6353 13.7958 94.2138 15.2536 92.4779 15.2536Z" fill="#23262D"></path> <path d="M58.308 6.84419H56.4765C56.3125 6.84419 56.1758 6.97917 56.1758 7.14115V8.09953C55.2327 7.12765 53.9479 6.57422 52.5811 6.57422C49.7245 6.57422 47.4146 9.00391 47.4146 12.0005C47.4146 14.9972 49.7245 17.4269 52.5811 17.4269C53.9342 17.4269 55.2327 16.8734 56.1758 15.9016V16.8599C56.1758 17.0219 56.3125 17.1569 56.4765 17.1569H58.308C58.472 17.1569 58.6087 17.0219 58.6087 16.8599V7.14115C58.6087 6.97917 58.472 6.84419 58.308 6.84419ZM53.0048 15.2536C51.2553 15.2536 49.8475 13.7958 49.8475 12.0005C49.8475 10.2053 51.2689 8.74745 53.0048 8.74745C54.7406 8.74745 56.1484 10.1783 56.1621 11.96V12.041C56.1484 13.8228 54.7406 15.2536 53.0048 15.2536Z" fill="#23262D"></path> <path d="M67.4519 6.57422C66.0988 6.57422 64.8003 7.12765 63.8572 8.09953V7.14115C63.8572 6.97917 63.7206 6.84419 63.5565 6.84419H61.725C61.561 6.84419 61.4243 6.97917 61.4243 7.14115V21.0444C61.4243 21.2064 61.561 21.3414 61.725 21.3414H63.5565C63.7206 21.3414 63.8572 21.2064 63.8572 21.0444V15.9016C64.8003 16.8734 66.0851 17.4269 67.4519 17.4269C70.3086 17.4269 72.6185 14.9972 72.6185 12.0005C72.6185 9.00392 70.3086 6.57422 67.4519 6.57422ZM67.0282 15.2536C65.2924 15.2536 63.8846 13.8228 63.8709 12.041V11.96C63.8982 10.1783 65.2924 8.74745 67.0282 8.74745C68.7777 8.74745 70.1856 10.2053 70.1856 12.0005C70.1856 13.7958 68.7777 15.2536 67.0282 15.2536Z" fill="#23262D"></path> <path d="M41.9337 6.57415C40.5669 6.58764 39.3231 7.37055 38.7354 8.59889C38.0656 7.34355 36.7262 6.56065 35.291 6.57415C34.1702 6.57415 33.1178 7.11408 32.4617 8.00497V7.14108C32.4617 6.9791 32.325 6.84411 32.161 6.84411H30.3295C30.1655 6.84411 30.0288 6.9791 30.0288 7.14108V16.8599C30.0288 17.0218 30.1655 17.1568 30.3295 17.1568H32.161C32.325 17.1568 32.4617 17.0218 32.4617 16.8599V11.0421C32.5301 9.74625 33.4458 8.70688 34.5666 8.70688C35.7284 8.70688 36.6988 9.66526 36.6988 10.9206V16.8599C36.6988 17.0218 36.8355 17.1568 36.9995 17.1568H38.8447C39.0087 17.1568 39.1454 17.0218 39.1454 16.8599L39.1317 10.8126C39.2958 9.62477 40.1569 8.70688 41.2093 8.70688C42.3711 8.70688 43.3415 9.66526 43.3415 10.9206V16.8599C43.3415 17.0218 43.4782 17.1568 43.6422 17.1568H45.4874C45.6514 17.1568 45.7881 17.0218 45.7881 16.8599L45.7744 10.1782C45.7744 8.18045 44.0523 6.57415 41.9337 6.57415Z" fill="#23262D"></path> <path d="M107.937 16.7383L104.766 11.9734L107.909 7.24901C107.991 7.12753 107.95 6.95205 107.827 6.87106C107.786 6.84406 107.732 6.83057 107.677 6.83057H105.558C105.394 6.83057 105.244 6.91156 105.162 7.04654L103.317 10.1107L101.472 7.06004C101.39 6.92505 101.239 6.84406 101.075 6.84406H98.9567C98.8063 6.84406 98.6833 6.96555 98.6833 7.11403C98.6833 7.16802 98.697 7.22202 98.7243 7.26251L101.868 11.9869L98.697 16.7518C98.615 16.8733 98.656 17.0488 98.779 17.1298C98.82 17.1568 98.8746 17.1703 98.9293 17.1703H101.048C101.212 17.1703 101.362 17.0893 101.444 16.9543L103.33 13.8497L105.217 16.9543C105.299 17.0893 105.449 17.1703 105.613 17.1703H107.704C107.855 17.1703 107.978 17.0488 107.978 16.9003C107.978 16.8463 107.964 16.7923 107.937 16.7383Z" fill="#23262D"></path> <path d="M12.1509 0C5.43989 0 0 5.37233 0 12C0 18.6277 5.43989 24 12.1509 24C18.8619 24 24.3018 18.6277 24.3018 12C24.3018 5.37233 18.8619 0 12.1509 0ZM17.9188 14.9426C13.7638 19.0461 6.34199 17.7368 6.34199 17.7368C6.34199 17.7368 5.00251 10.4207 9.17128 6.30371C11.4812 4.0225 15.3082 4.11699 17.7275 6.49269C20.1467 8.86839 20.2287 12.6614 17.9188 14.9426Z" fill="#23262D"></path> <path d="M13.5444 7.0332L12.3553 9.4494L9.90869 10.6238L12.3553 11.7981L13.5444 14.2143L14.7335 11.7981L17.1801 10.6238L14.7335 9.4494L13.5444 7.0332Z" fill="#23262D"></path> </svg></div></a><div class="nav_mobile-right"><div class="hide"><div class="nav_mobile-right-left"><div data-hover="false" data-delay="0" data-w-id="88454071-fa27-d0a2-0d18-4e7f200cf054" class="nav_lang-dropdown w-dropdown"><div class="nav_lang-toggle w-dropdown-toggle"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2278_1199)"> <g clip-path="url(#clip1_2278_1199)"> <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="currentColor" stroke-miterlimit="10"></path> <path d="M4 9L20 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4 15.0229L20 15.0015" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12 20.7562C14.0711 20.7562 15.75 16.8358 15.75 11.9999C15.75 7.16396 14.0711 3.24365 12 3.24365C9.92893 3.24365 8.25 7.16396 8.25 11.9999C8.25 16.8358 9.92893 20.7562 12 20.7562Z" stroke="currentColor" stroke-miterlimit="10"></path> </g> </g> <defs> <clipPath id="clip0_2278_1199"> <rect width="24" height="24" fill="white"></rect> </clipPath> <clipPath id="clip1_2278_1199"> <rect width="24" height="24" fill="white"></rect> </clipPath> </defs> </svg></div></div><nav class="nav_lang-dd w-dropdown-list"><a href="#" class="nav_lang-text w-inline-block"><div class="nav_dd-text">English</div><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 11.8462L9.78947 16L18 8" stroke="#007AFC" stroke-width="2"></path> </svg></div></a><a href="#" class="nav_lang-text w-inline-block"><div class="nav_dd-text">日本語</div><div class="icon-24 hide w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 11.8462L9.78947 16L18 8" stroke="#007AFC" stroke-width="2"></path> </svg></div></a></nav></div><div class="nav_divider"></div></div></div><div class="nav_button-wrap"><div id="view-account-tablet" class="flex align-center hide"><a href="https://account.mapbox.com/" class="nav_text is-login mr-16">Go to account</a><a id="view-account" href="https://www.mapbox.com/contact/sales" class="button is-nav w-button">Contact Sales</a></div><div id="sign-up" class="flex align-center"><a href="https://account.mapbox.com/auth/signin" class="nav_text is-login mr-16 login-text">Log in</a><a href="https://account.mapbox.com/auth/signup" class="button is-nav w-button">Sign up free</a></div></div><a data-w-id="88454071-fa27-d0a2-0d18-4e7f200cf061" href="#" class="nav-x is-main w-inline-block"><div class="icon-x w-embed"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="1.27295" width="17.9991" height="1.79991" rx="0.899956" transform="rotate(45 1.27295 0)" fill="#23262D"></rect> <rect x="0.000488281" y="12.7275" width="17.9991" height="1.79991" rx="0.899956" transform="rotate(-45 0.000488281 12.7275)" fill="#23262D"></rect> </svg></div></a></div></div><div class="navbar_mobile_content"><div class="nav_dd-links"><div data-hover="false" data-delay="0" id="product-dd" class="nav_link-mobile w-dropdown"><div class="nav_link-toggle w-dropdown-toggle"><div class="nav_text">Products</div><div class="nav_icon is-mobile w-embed"><svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.87031 5.09184C4.67188 5.31055 4.32812 5.31055 4.12969 5.09184L0.495302 1.08597C0.203795 0.764663 0.431776 0.25 0.865609 0.25L8.13439 0.250001C8.56822 0.250001 8.7962 0.764664 8.5047 1.08597L4.87031 5.09184Z" fill="currentColor"></path> </svg></div><div class="nav_mobile-divider is-dd"></div></div><nav id="product-dd-list" class="nav_mobile-link-dd w-dropdown-list"><div class="nav_mobile-links"><a data-w-id="fe14e308-74b6-82d1-4a93-a69545417251" href="#" class="nav_mobile-link w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 9.48044 20.4991 7.06408 18.7175 5.28249C16.9359 3.50089 14.5196 2.5 12 2.5ZM10.32 10.38C9.89124 10.38 9.46248 10.8075 9.03249 11.2363C8.6 11.6675 8.16625 12.1 7.73 12.1C7.50026 12.0945 7.27828 12.1833 7.11578 12.3458C6.95329 12.5083 6.86446 12.7303 6.87 12.96L7.73 14.69C7.73 14.69 7.73 17.28 8.6 18.14C9.47 19 8.6 19 8.6 19C6.07748 17.9857 4.3331 15.647 4.08 12.94C3.88077 10.9439 4.45328 8.94724 5.68 7.36C5.81844 7.17197 6.03471 7.05692 6.26801 7.0472C6.5013 7.03748 6.7264 7.13414 6.88 7.31C7.074 7.59269 7.38774 7.76986 7.73 7.79C8.6 7.79 11.19 10.38 10.32 10.38ZM17.5299 14.4379C18.0279 14.7112 18.4988 14.9696 18.83 14.82C20.28 14.17 19.78 10.3 19.78 10.3C19.78 10.3 19.05 6.92 17.1 6.19C16.8332 6.10105 16.6299 6.47233 16.3999 6.89243C16.1385 7.36971 15.8427 7.91 15.38 7.91C14.51 7.91 13.65 7.92 13.65 8.78C13.65 9.21 14.0825 9.6425 14.515 10.075C14.9475 10.5075 15.38 10.94 15.38 11.37C15.38 12.23 15.38 13.95 16.24 13.95C16.6407 13.95 17.0956 14.1996 17.5299 14.4379Z" fill="#007AFC"></path> </svg></div><div class="nav_tab_label">Maps</div></a><a data-w-id="fe14e308-74b6-82d1-4a93-a69545417255" href="#" class="nav_mobile-link w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.5625 21.3767L19.9508 5.26747C20.0676 4.93633 19.9719 4.54203 19.7117 4.28172C19.4515 4.02142 19.0727 3.94104 18.7264 4.0425L2.62424 9.43321C2.21786 9.56415 1.9806 9.92401 2.00125 10.3627C2.0043 10.6047 2.11296 10.8328 2.28132 11.0012C2.40377 11.1237 2.54075 11.2011 2.70758 11.2485L10.5633 13.4341L12.748 21.2933C12.8589 21.7029 13.2251 21.9796 13.6334 21.9999C14.0566 22.0053 14.4312 21.753 14.5625 21.3767Z" fill="#007AFC"></path> </svg></div><div class="nav_tab_label">Navigation</div></a><a data-w-id="fe14e308-74b6-82d1-4a93-a6954541725d" href="#" class="nav_mobile-link w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.99021 5.20167C9.99021 4.5483 9.41414 4.03811 8.78392 4.21054C7.88772 4.45574 7.64052 4.5731 6.85964 5.09487C5.43148 6.04912 4.31837 7.40543 3.66107 8.99228C3.00376 10.5791 2.83178 12.3253 3.16687 14.0099C3.50197 15.6945 4.32908 17.2419 5.54362 18.4564C6.75817 19.6709 8.30559 20.498 9.99021 20.8331C11.6748 21.1682 13.421 20.9962 15.0079 20.3389C16.5947 19.6816 17.9511 18.5685 18.9053 17.1404C19.4271 16.3595 19.6513 16.1123 19.8965 15.2162C20.0689 14.5859 19.5587 14.0099 18.9053 14.0099H12.334C11.2849 14.0099 9.99021 12.822 9.99021 11.7729V5.20167Z" fill="#007AFC"></path> <path d="M19.9687 11.7729C20.6039 11.7729 21.1086 11.2277 20.9798 10.6056C20.8555 10.0056 20.6748 9.41712 20.4391 8.84825C19.9481 7.66291 19.2285 6.58589 18.3212 5.67867C17.414 4.77145 16.337 4.0518 15.1516 3.56082C14.5828 3.32522 13.9945 3.14449 13.3945 3.02022C12.7725 2.89137 12.2272 3.39605 12.2272 4.03128V10.6873C12.2272 11.2869 12.7133 11.7729 13.3128 11.7729L19.9687 11.7729Z" fill="#007AFC"></path> </svg></div><div class="nav_tab_label">Data</div></a><a data-w-id="fe14e308-74b6-82d1-4a93-a69545417261" href="#" class="nav_mobile-link w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.50049 9H21.3335L18.5916 6.12076C18.2141 5.72436 17.6907 5.5 17.1433 5.5H6.69123C6.14391 5.5 5.6205 5.7243 5.24302 6.12062L2.50049 9Z" fill="#007AFC"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M22 11H2V19C2 19.5523 2.44772 20 3 20H21C21.5523 20 22 19.5523 22 19V11ZM7 13.5C5.89543 13.5 5 14.3954 5 15.5C5 16.6046 5.89543 17.5 7 17.5C8.10457 17.5 9 16.6046 9 15.5C9 14.3954 8.10457 13.5 7 13.5Z" fill="#007AFC"></path> </svg></div><div class="nav_tab_label">Self-Hosted</div></a><a data-w-id="fe14e308-74b6-82d1-4a93-a69545417259" href="#" class="nav_mobile-link w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2C7.8651 2 4.5 5.37376 4.5 9.51929C4.5 13.5325 11.2962 21.4708 11.5821 21.8015C11.6921 21.9118 11.846 22 12 22C12.154 22 12.3079 21.9338 12.4179 21.8015C12.7038 21.4708 19.5 13.5105 19.5 9.51929C19.5 5.37376 16.1349 2 12 2ZM12 11.8567C10.4824 11.8567 9.25073 10.6218 9.25073 9.10033C9.25073 7.57883 10.4824 6.34399 12 6.34399C13.5176 6.34399 14.7493 7.57883 14.7493 9.10033C14.7493 10.6218 13.5176 11.8567 12 11.8567Z" fill="#007AFC"></path> </svg></div><div class="nav_tab_label">Search</div></a><div class="nav_mobile-divider"></div></div></nav></div><div class="tabs-container is-mobile"><div class="tab-1-mobile"><div class="nav_tab_group"><div class="nav_tab-top"><a data-w-id="fe14e308-74b6-82d1-4a93-a6954541726a" href="#" class="nav_tab-top-left w-inline-block"><div class="w-embed"><svg width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.35181 9.52002L5.35981 8.52802L2.52781 5.69602L3.61581 5.72802L9.00781 5.72802L9.00781 4.27202L3.61581 4.28802L2.51181 4.32002L5.35981 1.47202L4.35181 0.480019L-0.000187464 4.83202L-0.000187493 5.16802L4.35181 9.52002Z" fill="#566171"></path> </svg></div><div>Back</div></a><a data-w-id="fe14e308-74b6-82d1-4a93-a6954541726e" href="#" class="nav-x w-inline-block"><div class="w-embed"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="1.27295" width="17.9991" height="1.79991" rx="0.899956" transform="rotate(45 1.27295 0)" fill="#23262D"></rect> <rect x="0.000488281" y="12.7275" width="17.9991" height="1.79991" rx="0.899956" transform="rotate(-45 0.000488281 12.7275)" fill="#23262D"></rect> </svg></div></a></div><div class="nav_link-col is-tab"><div data-w-id="fe14e308-74b6-82d1-4a93-a69545417271" class="nav_tab-header"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 9.48044 20.4991 7.06408 18.7175 5.28249C16.9359 3.50089 14.5196 2.5 12 2.5ZM10.32 10.38C9.89124 10.38 9.46248 10.8075 9.03249 11.2363C8.6 11.6675 8.16625 12.1 7.73 12.1C7.50026 12.0945 7.27828 12.1833 7.11578 12.3458C6.95329 12.5083 6.86446 12.7303 6.87 12.96L7.73 14.69C7.73 14.69 7.73 17.28 8.6 18.14C9.47 19 8.6 19 8.6 19C6.07748 17.9857 4.3331 15.647 4.08 12.94C3.88077 10.9439 4.45328 8.94724 5.68 7.36C5.81844 7.17197 6.03471 7.05692 6.26801 7.0472C6.5013 7.03748 6.7264 7.13414 6.88 7.31C7.074 7.59269 7.38774 7.76986 7.73 7.79C8.6 7.79 11.19 10.38 10.32 10.38ZM17.5299 14.4379C18.0279 14.7112 18.4988 14.9696 18.83 14.82C20.28 14.17 19.78 10.3 19.78 10.3C19.78 10.3 19.05 6.92 17.1 6.19C16.8332 6.10105 16.6299 6.47233 16.3999 6.89243C16.1385 7.36971 15.8427 7.91 15.38 7.91C14.51 7.91 13.65 7.92 13.65 8.78C13.65 9.21 14.0825 9.6425 14.515 10.075C14.9475 10.5075 15.38 10.94 15.38 11.37C15.38 12.23 15.38 13.95 16.24 13.95C16.6407 13.95 17.0956 14.1996 17.5299 14.4379Z" fill="#007AFC"></path> </svg></div><div class="nav_tab_label is-product">Maps</div></div><a href="/maps" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Maps Overview</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Smooth, fast, cross-platform maps</div></a><a href="/mapbox-gljs" class="nav_product-link-block w-inline-block"><div class="nav_link-heading">Mapbox GL JS</div><div class="nav-subtext">Immersive maps for web</div></a><a href="/mobile-maps-sdk" class="nav_product-link-block w-inline-block"><div class="nav_link-heading">Mobile Maps SDK</div><div class="nav-subtext">Powerful maps for iOS and Android</div></a><a href="/mapbox-studio" class="nav_product-link-block w-inline-block"><div class="nav_link-heading">Studio</div><div class="nav-subtext">Beautiful, custom map designs</div></a><a href="/mts" class="nav_product-link-block w-inline-block"><div class="nav_link-heading">Mapbox Tiling Service</div><div class="nav-subtext">Host and add custom map data</div></a><a href="/static-maps" aria-current="page" class="nav_product-link-block w-inline-block w--current"><div class="nav_link-heading">Static Maps</div><div class="nav-subtext">Embed map images</div></a></div></div></div><div class="tab-2-mobile"><div class="nav_tab_group"><div class="nav_tab-top"><a data-w-id="fe14e308-74b6-82d1-4a93-a6954541729a" href="#" class="nav_tab-top-left w-inline-block"><div class="w-embed"><svg width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.35181 9.52002L5.35981 8.52802L2.52781 5.69602L3.61581 5.72802L9.00781 5.72802L9.00781 4.27202L3.61581 4.28802L2.51181 4.32002L5.35981 1.47202L4.35181 0.480019L-0.000187464 4.83202L-0.000187493 5.16802L4.35181 9.52002Z" fill="#566171"></path> </svg></div><div>Back</div></a><a data-w-id="fe14e308-74b6-82d1-4a93-a6954541729e" href="#" class="nav-x w-inline-block"><div class="w-embed"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="1.27295" width="17.9991" height="1.79991" rx="0.899956" transform="rotate(45 1.27295 0)" fill="#23262D"></rect> <rect x="0.000488281" y="12.7275" width="17.9991" height="1.79991" rx="0.899956" transform="rotate(-45 0.000488281 12.7275)" fill="#23262D"></rect> </svg></div></a></div><div class="nav_link-col is-tab"><div data-w-id="fe14e308-74b6-82d1-4a93-a695454172a1" class="nav_tab-header is-sticky"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.5625 21.3767L19.9508 5.26747C20.0676 4.93633 19.9719 4.54203 19.7117 4.28172C19.4515 4.02142 19.0727 3.94104 18.7264 4.0425L2.62424 9.43321C2.21786 9.56415 1.9806 9.92401 2.00125 10.3627C2.0043 10.6047 2.11296 10.8328 2.28132 11.0012C2.40377 11.1237 2.54075 11.2011 2.70758 11.2485L10.5633 13.4341L12.748 21.2933C12.8589 21.7029 13.2251 21.9796 13.6334 21.9999C14.0566 22.0053 14.4312 21.753 14.5625 21.3767Z" fill="#007AFC"></path> </svg></div><div class="nav_tab_label is-product">Navigation</div></div><a href="/navigation" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Navigation Overview</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Custom navigation services</div></a><a href="/navigation-automotive" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Navigation for Automotive</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">In-vehicle infotainment and navigation services</div></a><a href="/navigation-mobile" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Navigation for Mobile</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Routing and directions for iOS & Android</div></a><a href="/mapgpt" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">MapGPT</div><div class="nav_tag"><div>NEW</div></div></div><div class="nav-subtext">A location-intelligent AI assistant</div></a><a href="/autopilot-map" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Autopilot Map</div><div class="nav_tag"><div>NEW</div></div></div><div class="nav-subtext">Precision data for autopilot systems</div></a><a href="/ev" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Mapbox for EV</div><div class="nav_tag"><div>NEW</div></div></div><div class="nav-subtext">EV navigation solutions</div></a><a href="/matrix-api" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Matrix API</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Calculate travel time and distance</div></a></div></div></div><div class="tab-3-mobile"><div class="nav_tab_group"><div class="nav_tab-top"><a data-w-id="fe14e308-74b6-82d1-4a93-a695454172e7" href="#" class="nav_tab-top-left w-inline-block"><div class="w-embed"><svg width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.35181 9.52002L5.35981 8.52802L2.52781 5.69602L3.61581 5.72802L9.00781 5.72802L9.00781 4.27202L3.61581 4.28802L2.51181 4.32002L5.35981 1.47202L4.35181 0.480019L-0.000187464 4.83202L-0.000187493 5.16802L4.35181 9.52002Z" fill="#566171"></path> </svg></div><div>Back</div></a><a data-w-id="fe14e308-74b6-82d1-4a93-a695454172eb" href="#" class="nav-x w-inline-block"><div class="w-embed"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="1.27295" width="17.9991" height="1.79991" rx="0.899956" transform="rotate(45 1.27295 0)" fill="#23262D"></rect> <rect x="0.000488281" y="12.7275" width="17.9991" height="1.79991" rx="0.899956" transform="rotate(-45 0.000488281 12.7275)" fill="#23262D"></rect> </svg></div></a></div><div class="nav_link-col is-tab"><div data-w-id="fe14e308-74b6-82d1-4a93-a695454172ee" class="nav_tab-header"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2C7.8651 2 4.5 5.37376 4.5 9.51929C4.5 13.5325 11.2962 21.4708 11.5821 21.8015C11.6921 21.9118 11.846 22 12 22C12.154 22 12.3079 21.9338 12.4179 21.8015C12.7038 21.4708 19.5 13.5105 19.5 9.51929C19.5 5.37376 16.1349 2 12 2ZM12 11.8567C10.4824 11.8567 9.25073 10.6218 9.25073 9.10033C9.25073 7.57883 10.4824 6.34399 12 6.34399C13.5176 6.34399 14.7493 7.57883 14.7493 9.10033C14.7493 10.6218 13.5176 11.8567 12 11.8567Z" fill="#007AFC"></path> </svg></div><div class="nav_tab_label is-product">Search</div></div><a href="/search-service" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Search Overview</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Smart location data and search features</div></a><a href="/geocoding" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Geocoding</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Geolocate and validate addresses</div></a><a href="/search-box" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Search Box</div><div class="nav_tag"><div>NEW</div></div></div><div class="nav-subtext">User-friendly search interface</div></a><a href="/address-autofill" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Address Autofill</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Autocomplete for address forms</div></a></div></div></div><div class="tab-4-mobile"><div class="nav_tab_group"><div class="nav_tab-top"><a data-w-id="fe14e308-74b6-82d1-4a93-a69545417319" href="#" class="nav_tab-top-left w-inline-block"><div class="w-embed"><svg width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.35181 9.52002L5.35981 8.52802L2.52781 5.69602L3.61581 5.72802L9.00781 5.72802L9.00781 4.27202L3.61581 4.28802L2.51181 4.32002L5.35981 1.47202L4.35181 0.480019L-0.000187464 4.83202L-0.000187493 5.16802L4.35181 9.52002Z" fill="#566171"></path> </svg></div><div>Back</div></a><a data-w-id="fe14e308-74b6-82d1-4a93-a6954541731d" href="#" class="nav-x w-inline-block"><div class="w-embed"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="1.27295" width="17.9991" height="1.79991" rx="0.899956" transform="rotate(45 1.27295 0)" fill="#23262D"></rect> <rect x="0.000488281" y="12.7275" width="17.9991" height="1.79991" rx="0.899956" transform="rotate(-45 0.000488281 12.7275)" fill="#23262D"></rect> </svg></div></a></div><div class="nav_link-col is-tab"><div data-w-id="fe14e308-74b6-82d1-4a93-a69545417320" class="nav_tab-header"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.99021 5.20167C9.99021 4.5483 9.41414 4.03811 8.78392 4.21054C7.88772 4.45574 7.64052 4.5731 6.85964 5.09487C5.43148 6.04912 4.31837 7.40543 3.66107 8.99228C3.00376 10.5791 2.83178 12.3253 3.16687 14.0099C3.50197 15.6945 4.32908 17.2419 5.54362 18.4564C6.75817 19.6709 8.30559 20.498 9.99021 20.8331C11.6748 21.1682 13.421 20.9962 15.0079 20.3389C16.5947 19.6816 17.9511 18.5685 18.9053 17.1404C19.4271 16.3595 19.6513 16.1123 19.8965 15.2162C20.0689 14.5859 19.5587 14.0099 18.9053 14.0099H12.334C11.2849 14.0099 9.99021 12.822 9.99021 11.7729V5.20167Z" fill="#007AFC"></path> <path d="M19.9687 11.7729C20.6039 11.7729 21.1086 11.2277 20.9798 10.6056C20.8555 10.0056 20.6748 9.41712 20.4391 8.84825C19.9481 7.66291 19.2285 6.58589 18.3212 5.67867C17.414 4.77145 16.337 4.0518 15.1516 3.56082C14.5828 3.32522 13.9945 3.14449 13.3945 3.02022C12.7725 2.89137 12.2272 3.39605 12.2272 4.03128V10.6873C12.2272 11.2869 12.7133 11.7729 13.3128 11.7729L19.9687 11.7729Z" fill="#007AFC"></path> </svg></div><div class="nav_tab_label is-product">Data</div></div><a href="/data-products" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Data Overview</div><div class="nav_tag"><div>NEW</div></div></div><div class="nav-subtext">Unique, high-value geospatial datasets</div></a><a href="/traffic-data" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Traffic Data</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Live and typical traffic conditions</div></a><a href="/movement-data" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Movement Data</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Population patterns through space and time</div></a><a href="/boundaries" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Boundaries</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">Official boundaries around the world</div></a></div></div></div><div class="tab-5-mobile"><div class="nav_tab_group"><div class="nav_tab-top"><a data-w-id="fe14e308-74b6-82d1-4a93-a6954541734b" href="#" class="nav_tab-top-left w-inline-block"><div class="w-embed"><svg width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.35181 9.52002L5.35981 8.52802L2.52781 5.69602L3.61581 5.72802L9.00781 5.72802L9.00781 4.27202L3.61581 4.28802L2.51181 4.32002L5.35981 1.47202L4.35181 0.480019L-0.000187464 4.83202L-0.000187493 5.16802L4.35181 9.52002Z" fill="#566171"></path> </svg></div><div>Back</div></a><a data-w-id="fe14e308-74b6-82d1-4a93-a6954541734f" href="#" class="nav-x w-inline-block"><div class="w-embed"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="1.27295" width="17.9991" height="1.79991" rx="0.899956" transform="rotate(45 1.27295 0)" fill="#23262D"></rect> <rect x="0.000488281" y="12.7275" width="17.9991" height="1.79991" rx="0.899956" transform="rotate(-45 0.000488281 12.7275)" fill="#23262D"></rect> </svg></div></a></div><div class="nav_link-col is-tab"><div data-w-id="fe14e308-74b6-82d1-4a93-a69545417352" class="nav_tab-header"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.5 9H21.333L18.5911 6.12076C18.2137 5.72436 17.6902 5.5 17.1428 5.5H6.69074C6.14342 5.5 5.62001 5.7243 5.24253 6.12062L2.5 9Z" fill="#007AFC"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M22 11H2V19C2 19.5523 2.44772 20 3 20H21C21.5523 20 22 19.5523 22 19V11ZM7 13.5C5.89543 13.5 5 14.3954 5 15.5C5 16.6046 5.89543 17.5 7 17.5C8.10457 17.5 9 16.6046 9 15.5C9 14.3954 8.10457 13.5 7 13.5Z" fill="#007AFC"></path> </svg></div><div class="nav_tab_label is-product">Self-Hosted</div></div><a href="/atlas" class="nav_product-link-block w-inline-block"><div class="nav_link-top"><div class="nav_link-heading">Atlas</div><div class="nav_tag hide"><div>NEW</div></div></div><div class="nav-subtext">On-premise or private cloud solutions</div></a></div></div></div></div><div data-hover="false" data-delay="0" class="nav_link-mobile w-dropdown"><div class="nav_link-toggle is-sticky w-dropdown-toggle"><div class="nav_text">Solutions</div><div class="nav_icon is-mobile w-embed"><svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.87031 5.09184C4.67188 5.31055 4.32812 5.31055 4.12969 5.09184L0.495302 1.08597C0.203795 0.764663 0.431776 0.25 0.865609 0.25L8.13439 0.250001C8.56822 0.250001 8.7962 0.764664 8.5047 1.08597L4.87031 5.09184Z" fill="currentColor"></path> </svg></div><div class="nav_mobile-divider is-dd"></div></div><nav class="nav_mobile-link-dd w-dropdown-list"><div class="nav_link-bg"><div class="nav_mobile-solutions-links"><a href="/on-demand-logistics" class="nav_mobile-link is-solution w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.3031 3.26072L11.0904 13.7514C10.9709 13.951 10.9698 14.1967 11.0876 14.3972C11.2054 14.5978 11.4244 14.7231 11.6633 14.7268H15.2022C15.9406 14.7268 16.5392 15.3042 16.5392 16.0165V20.3515C16.54 20.638 16.7351 20.8902 17.0195 20.9725C17.304 21.0548 17.6108 20.9479 17.775 20.7091L23.8866 11.8549C24.0238 11.6587 24.0375 11.4055 23.9222 11.1967C23.8069 10.9878 23.5814 10.8575 23.3361 10.8578H19.8421C19.0976 10.8578 18.494 10.2756 18.494 9.55732V3.55334C18.4576 3.29518 18.2625 3.08413 18.0008 3.01982C17.7391 2.95551 17.4631 3.05081 17.3031 3.26072Z" fill="#007AFC"></path> <rect x="4" y="8" width="8" height="1.5" rx="0.75" fill="#007AFC"></rect> <rect x="1" y="12" width="8" height="1.5" rx="0.75" fill="#007AFC"></rect> <rect x="4" y="16" width="8" height="1.5" rx="0.75" fill="#007AFC"></rect> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">On-Demand Logistics</div><div class="nav-subtext">Boost customer satisfaction and delivery performance</div></div></a><a href="/automotive" class="nav_mobile-link is-solution w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21.2988 11.0495L19.4801 9.35992L17.8668 6.13326C17.7283 5.90796 17.534 5.72214 17.3028 5.5937C17.0717 5.46526 16.8113 5.39852 16.5468 5.39992H7.45346C7.18899 5.39852 6.92861 5.46526 6.69741 5.5937C6.46622 5.72214 6.272 5.90796 6.13346 6.13326L4.52013 9.35992L2.70146 11.0495C2.62737 11.1182 2.56829 11.2015 2.5279 11.2941C2.48752 11.3868 2.46672 11.4867 2.4668 11.5878V17.8666C2.4668 18.0611 2.54406 18.2476 2.68159 18.3851C2.81911 18.5227 3.00564 18.5999 3.20013 18.5999H6.13346C6.4268 18.5999 6.8668 18.3066 6.8668 18.0133V17.1333H17.1335V17.8666C17.1335 18.1599 17.4268 18.5999 17.7201 18.5999H20.8001C20.9946 18.5999 21.1811 18.5227 21.3187 18.3851C21.4562 18.2476 21.5335 18.0611 21.5335 17.8666V11.5878C21.5335 11.4867 21.5127 11.3868 21.4724 11.2941C21.432 11.2015 21.3729 11.1182 21.2988 11.0495ZM7.60013 6.86659H16.4001L17.8668 9.79992H6.13346L7.60013 6.86659ZM8.33346 13.6133C8.33346 13.9066 7.89346 14.1999 7.60013 14.1999H4.52013C4.2268 14.1999 3.93346 13.7599 3.93346 13.4666V11.8533C4.08013 11.4133 4.37346 11.1199 4.81346 11.2666L7.7468 11.8533C8.04013 11.8533 8.33346 12.2933 8.33346 12.5866V13.6133ZM20.0668 13.4666C20.0668 13.7599 19.7735 14.1999 19.4801 14.1999H16.4001C16.1068 14.1999 15.6668 13.9066 15.6668 13.6133V12.5866C15.6668 12.2933 15.9601 11.8533 16.2535 11.8533L19.1868 11.2666C19.6268 11.1199 19.9201 11.4133 20.0668 11.8533V13.4666Z" fill="#007AFC"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Automotive</div><div class="nav-subtext">Integrated navigation experiences for in-vehicle and companion apps</div></div></a><a href="/business-intelligence" class="nav_mobile-link is-solution w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.5 3C8.91014 3 6 5.9773 6 9.65C6 10.8261 6.31013 11.9461 6.87099 12.9455C6.8812 12.9645 8.62971 15.7756 8.78571 16.3H16.2143C16.3675 15.7785 18.1104 12.9874 18.1002 13.0045C18.6787 11.9946 19 10.8451 19 9.65C19 5.9773 16.0899 3 12.5 3ZM12.5 6.8C13.0126 6.8 13.4286 7.2256 13.4286 7.75C13.4286 8.2744 13.0126 8.7 12.5 8.7C11.9874 8.7 11.5714 9.1256 11.5714 9.65C11.5714 10.1744 11.1554 10.6 10.6429 10.6C10.1303 10.6 9.71429 10.1744 9.71429 9.65C9.71429 8.07585 10.9614 6.8 12.5 6.8ZM8.78571 18.2C8.78571 20.2985 10.4488 22 12.5 22C14.5512 22 16.2143 20.2985 16.2143 18.2H8.78571Z" fill="#007AFC"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Business Intelligence</div><div class="nav-subtext">Enhance data analysis with location intelligence</div></div></a><a href="/weather" class="nav_mobile-link is-solution w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.214 13.0261C14.242 12.8147 14.2565 12.5988 14.2565 12.3792C14.2565 9.85854 12.3487 7.81519 9.99545 7.81519C7.96311 7.81519 6.26309 9.33919 5.83719 11.3785C5.72513 11.3695 5.61192 11.3649 5.49773 11.3649C3.0137 11.3649 1 13.5218 1 16.1825C1 18.8431 3.0137 21 5.49773 21C5.57713 21 5.65605 20.9978 5.73445 20.9934V21H15.2033C17.2952 21 18.9909 19.1837 18.9909 16.9431C18.9909 14.7026 17.2952 12.8863 15.2033 12.8863C14.8611 12.8863 14.5294 12.9349 14.214 13.0261Z" fill="#007AFC"></path> <path d="M16.7645 2.73423C16.7645 2.32873 16.461 2 16.0867 2C15.7124 2 15.409 2.32873 15.409 2.73423V3.94046C15.409 4.34597 15.7124 4.67469 16.0867 4.67469C16.461 4.67469 16.7645 4.34597 16.7645 3.94046V2.73423Z" fill="#007AFC"></path> <path d="M12.157 4.19355C11.8923 3.90681 11.4632 3.90681 11.1985 4.19355C10.9338 4.48028 10.9338 4.94517 11.1985 5.2319L11.9835 6.0823C12.2482 6.36903 12.6773 6.36903 12.942 6.0823C13.2066 5.79556 13.2066 5.33068 12.942 5.04394L12.157 4.19355Z" fill="#007AFC"></path> <path d="M19.2317 12.8962C19.4963 12.6095 19.9255 12.6095 20.1901 12.8962L20.9751 13.7466C21.2398 14.0333 21.2398 14.4982 20.9751 14.7849C20.7104 15.0717 20.2813 15.0717 20.0166 14.7849L19.2317 13.9346C18.967 13.6478 18.967 13.1829 19.2317 12.8962Z" fill="#007AFC"></path> <path d="M21.2088 8.75494C20.8345 8.75494 20.5311 9.08366 20.5311 9.48917C20.5311 9.89467 20.8345 10.2234 21.2088 10.2234H22.3223C22.6966 10.2234 23 9.89467 23 9.48917C23 9.08366 22.6966 8.75494 22.3223 8.75494H21.2088Z" fill="#007AFC"></path> <path d="M20.9751 4.19355C21.2398 4.48028 21.2398 4.94517 20.9751 5.2319L20.1901 6.0823C19.9255 6.36903 19.4963 6.36903 19.2317 6.0823C18.967 5.79557 18.967 5.33068 19.2317 5.04394L20.0166 4.19355C20.2813 3.90681 20.7104 3.90681 20.9751 4.19355Z" fill="#007AFC"></path> <path d="M15.3939 11.7408C16.314 11.7408 17.1713 12.0323 17.8913 12.5347C18.8148 11.8908 19.4264 10.7675 19.4264 9.48939C19.4264 7.49084 17.9309 5.87069 16.0861 5.87069C14.8427 5.87069 13.758 6.6067 13.1829 7.69852C14.3987 8.60161 15.2336 10.0626 15.3732 11.7409L15.3939 11.7408Z" fill="#007AFC"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Weather</div><div class="nav-subtext">Deliver accurate, real-time weather information</div></div></a><a href="/telco" class="nav_mobile-link is-solution w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.93 7.33321C12.6633 7.33321 13.2633 7.93321 13.2633 8.66654V20.6665C13.2633 20.6665 13.2633 21.9999 11.93 21.9999C10.5967 21.9999 10.5967 20.6665 10.5967 20.6665V8.66654C10.5967 7.93321 11.1967 7.33321 11.93 7.33321ZM8.21 5.37321C7.90333 5.41321 8.03667 5.35988 7.79667 5.53321C6.19667 7.11988 6.19667 10.2132 7.79667 11.7999C8.05 12.0665 8.47667 12.0665 8.73 11.7999C8.99667 11.5465 8.99667 11.1199 8.73 10.8665C7.66333 9.78654 7.66333 7.54654 8.73 6.46654C8.99667 6.21321 8.99667 5.78654 8.73 5.53321L8.51667 5.38654L8.21 5.37321ZM15.21 5.37321C14.9033 5.41321 15.0367 5.35988 14.7967 5.53321C14.53 5.78654 14.53 6.21321 14.7967 6.46654C15.8633 7.54654 15.8633 9.78654 14.7967 10.8665C14.53 11.1199 14.53 11.5465 14.7967 11.7999C15.05 12.0665 15.4767 12.0665 15.73 11.7999C17.33 10.2132 17.33 7.11988 15.73 5.53321L15.5167 5.38654L15.21 5.37321ZM18.1433 2.70654C17.5567 2.73321 17.77 2.62654 17.4367 2.89321C17.1833 3.17321 17.21 3.58654 17.49 3.82654C20.1967 6.23988 20.1967 11.1065 17.49 13.5065C17.21 13.7465 17.1833 14.1732 17.4367 14.4399C17.6767 14.7199 18.1033 14.7465 18.37 14.4932C21.69 11.5732 21.69 5.77321 18.37 2.83988L18.1433 2.70654ZM5.71667 2.70654L5.49 2.83988C2.17 5.77321 2.17 11.5732 5.49 14.4932C5.77 14.7465 6.18333 14.7199 6.42333 14.4399C6.67667 14.1732 6.65 13.7465 6.37 13.5065C3.66333 11.1065 3.66333 6.23988 6.37 3.82654C6.65 3.58654 6.67667 3.17321 6.42333 2.89321C6.09 2.62654 6.30333 2.73321 5.71667 2.70654Z" fill="#007AFC"></path> <path d="M8.28466 5.27355L8.27599 5.27317L8.26738 5.27429C8.20397 5.28256 8.16033 5.28669 8.12716 5.28983C8.12128 5.29038 8.11573 5.29091 8.11045 5.29142C8.0784 5.29453 8.04521 5.29775 8.01305 5.31C7.97998 5.3226 7.95376 5.34246 7.92878 5.36164C7.92347 5.36572 7.91786 5.37007 7.91182 5.37475C7.88714 5.39387 7.85539 5.41847 7.80843 5.45239L7.8021 5.45695L7.79657 5.46245C6.97383 6.27832 6.56698 7.47599 6.56698 8.66679C6.56698 9.85709 6.97349 11.0542 7.79553 11.8701C8.08783 12.1765 8.57842 12.1768 8.87104 11.8709C9.17695 11.5783 9.17673 11.0877 8.8704 10.7954C8.3611 10.279 8.10031 9.47774 8.10031 8.66679C8.10031 7.85584 8.3611 7.05455 8.87039 6.53814C9.17735 6.24524 9.17695 5.75333 8.86919 5.46095L8.86347 5.45552L8.85697 5.45105L8.64363 5.30438L8.61999 5.28813L8.59132 5.28688L8.28466 5.27355ZM15.2847 5.27355L15.276 5.27317L15.2674 5.27429C15.204 5.28256 15.1603 5.28669 15.1272 5.28983C15.1213 5.29038 15.1157 5.29091 15.1105 5.29142C15.0784 5.29453 15.0452 5.29775 15.013 5.31C14.98 5.3226 14.9538 5.34246 14.9288 5.36164C14.9235 5.36572 14.9178 5.37008 14.9118 5.37476C14.8871 5.39388 14.8554 5.41848 14.8084 5.45239L14.8079 5.45165L14.7981 5.46095C14.4903 5.75333 14.4899 6.24524 14.7969 6.53814C15.3062 7.05455 15.567 7.85584 15.567 8.66679C15.567 9.47774 15.3062 10.279 14.7969 10.7954C14.4906 11.0877 14.4903 11.5783 14.7962 11.8709C15.0889 12.1768 15.5795 12.1765 15.8718 11.8701C16.6938 11.0542 17.1003 9.85709 17.1003 8.66679C17.1003 7.47599 16.6935 6.27832 15.8707 5.46245L15.8644 5.45613L15.857 5.45105L15.6436 5.30438L15.62 5.28813L15.5913 5.28688L15.2847 5.27355ZM18.2643 2.62059L18.2388 2.60554L18.2091 2.60689C18.0655 2.61342 17.9714 2.61177 17.9057 2.60975C17.8963 2.60946 17.887 2.60913 17.8779 2.60881C17.8294 2.60707 17.7857 2.60551 17.7493 2.61141C17.6943 2.62033 17.6556 2.64449 17.6143 2.67648C17.596 2.69067 17.5749 2.70822 17.5508 2.72829L17.545 2.73311C17.5179 2.75566 17.4854 2.78266 17.4445 2.81537L17.4382 2.82039L17.4328 2.82636C17.1425 3.14726 17.1719 3.62482 17.4945 3.90204C18.8223 5.08642 19.4903 6.87688 19.4903 8.67179C19.4903 10.4668 18.8223 12.2538 17.4945 13.4315C17.1735 13.7073 17.1411 14.198 17.4327 14.5071C17.7089 14.8272 18.1991 14.859 18.5078 14.5673C20.1917 13.0854 21.0303 10.8768 21.0303 8.67179C21.0303 6.46612 20.1913 4.25372 18.5065 2.76518L18.4993 2.75881L18.491 2.75393L18.2643 2.62059ZM5.79152 2.60689L5.76186 2.60554L5.73628 2.62059L5.50961 2.75393L5.50131 2.75881L5.4941 2.76518C3.80935 4.25372 2.97031 6.46612 2.97031 8.67179C2.97031 10.8772 3.80918 13.0862 5.49374 14.5681C5.81425 14.8576 6.29067 14.8285 6.5679 14.5071C6.85957 14.198 6.82714 13.7073 6.50605 13.4314C5.17833 12.2538 4.51031 10.4668 4.51031 8.67179C4.51031 6.87688 5.1783 5.08643 6.50616 3.90205C6.82875 3.62483 6.85814 3.14727 6.5678 2.82636L6.5624 2.82039L6.55612 2.81537C6.51523 2.78266 6.48271 2.75566 6.45562 2.73311L6.44979 2.72825C6.4257 2.70819 6.40465 2.69066 6.38634 2.67648C6.34504 2.64449 6.3063 2.62033 6.25132 2.61141C6.21491 2.60551 6.17125 2.60707 6.1227 2.60881C6.11361 2.60913 6.10436 2.60946 6.09495 2.60975C6.02917 2.61177 5.93511 2.61342 5.79152 2.60689Z" fill="#007AFC" stroke="#007AFC" stroke-width="0.2"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Telecommunications</div><div class="nav-subtext">Map real-time coverage and optimize network operations</div></div></a><a href="/industries/outdoors" class="nav_mobile-link is-solution w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.3535 5.36633C14.6129 4.87789 15.3871 4.87789 15.6465 5.36633L22.9294 19.0799C23.1561 19.5068 22.8095 20 22.2829 20H7L14.3535 5.36633Z" fill="#007AFC"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.62243 13.2042L6.48485 9.26864C6.29031 8.91045 5.70969 8.91045 5.51515 9.26864L0.0529796 19.3252C-0.117048 19.6383 0.142865 20 0.537832 20H4.93135L8.62243 13.2042Z" fill="#007AFC"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Outdoors</div><div class="nav-subtext">Detailed maps for athletes and adventures</div></div></a><a href="/retail" class="nav_mobile-link is-solution w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.4797 3.09988C20.4797 3.09988 18.5331 3.0422 17.7563 3.79988C17.0094 4.52816 16.7008 5.08466 16.7008 6.59988H3.67969L5.63203 13.3401C5.63693 13.3503 5.64585 13.3601 5.65117 13.3702C5.97933 14.2904 6.83715 14.9532 7.86055 14.9917C7.86475 14.9935 7.87969 14.9999 7.87969 14.9999H16.9797V15.2788C16.9797 15.2788 16.9808 15.7004 16.7008 16.2604C16.4208 16.8204 16.2813 17.0999 15.1613 17.0999H6.06133C4.66133 17.0999 4.66133 19.1999 6.06133 19.1999H7.74023H7.87969H14.7402H14.8797H15.0219C16.7019 19.1999 17.9597 18.2193 18.3797 17.2393C18.7997 16.2593 18.8008 15.421 18.8008 15.421V14.9999V6.59988C18.8008 5.86684 19.1208 5.19988 19.7797 5.19988H20.5508C21.1307 5.19988 21.6008 4.72976 21.6008 4.14988C21.6008 3.57 21.1307 3.09988 20.5508 3.09988H20.4797ZM14.8797 19.1999C14.0397 19.1999 13.4797 19.7599 13.4797 20.5999C13.4797 21.4399 14.0397 21.9999 14.8797 21.9999C15.7197 21.9999 16.2797 21.4399 16.2797 20.5999C16.2797 19.7599 15.7197 19.1999 14.8797 19.1999ZM7.87969 19.1999C7.03969 19.1999 6.47969 19.7599 6.47969 20.5999C6.47969 21.4399 7.03969 21.9999 7.87969 21.9999C8.71969 21.9999 9.27969 21.4399 9.27969 20.5999C9.27969 19.7599 8.71969 19.1999 7.87969 19.1999Z" fill="#007AFC"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Retail</div><div class="nav-subtext">On-brand store locators and e-commerce solutions</div></div></a><a href="/real-estate" class="nav_mobile-link is-solution w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 8H19C20.1046 8 21 8.89543 21 10V20H17V8Z" fill="#007AFC"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M5 3C3.89543 3 3 3.89543 3 5V19.9998H8.29422L8.29422 16.8088C8.29422 16.2241 8.76827 15.75 9.35304 15.75C9.93781 15.75 10.4119 16.2241 10.4119 16.8088V19.9998H15.7059V5C15.7059 3.89543 14.8105 3 13.7059 3H5ZM7.50267 7.25C7.06258 7.25 6.70581 7.60677 6.70581 8.04686C6.70581 8.48696 7.06258 8.84373 7.50268 8.84373H11.2031C11.6432 8.84373 11.9999 8.48696 11.9999 8.04686C11.9999 7.60677 11.6432 7.25 11.2031 7.25H7.50267ZM7.50267 10.4373C7.06258 10.4373 6.70581 10.794 6.70581 11.2341C6.70581 11.6742 7.06258 12.031 7.50268 12.031H11.2031C11.6432 12.031 11.9999 11.6742 11.9999 11.2341C11.9999 10.794 11.6432 10.4373 11.2031 10.4373H7.50267Z" fill="#007AFC"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Real Estate</div><div class="nav-subtext">Visualize property listings, rentals, and market data</div></div></a><a href="/industries/travel" class="nav_mobile-link is-solution w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.4694 4.50035C21.5248 5.49711 21.0083 7.00287 18.8976 8.9964L18.0893 9.73867L18.8976 17.9885L17.3034 19.4942L14.1149 13.4924L10.9488 16.504V19.4942L9.35455 21L7.78275 16.504L3 14.9982L4.59425 13.4924H7.78275L10.9488 10.5022L4.59425 7.49065L6.1885 6.0061L14.9232 6.74837L15.7091 6.0061C17.8198 3.99136 19.4141 3.50358 20.4694 4.50035Z" fill="#007AFC"></path> </svg></div><div class="nav_link-block-text"><div class="nav_link-heading">Travel</div><div class="nav-subtext">Plan, book, and explore the world all in one place</div></div></a><div class="nav_mobile-divider is-solutions"></div></div></div></nav></div><div data-hover="false" data-delay="0" class="nav_link-mobile w-dropdown"><div class="nav_link-toggle is-sticky w-dropdown-toggle"><div class="nav_text">Developers</div><div class="nav_icon is-mobile w-embed"><svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.87031 5.09184C4.67188 5.31055 4.32812 5.31055 4.12969 5.09184L0.495302 1.08597C0.203795 0.764663 0.431776 0.25 0.865609 0.25L8.13439 0.250001C8.56822 0.250001 8.7962 0.764664 8.5047 1.08597L4.87031 5.09184Z" fill="currentColor"></path> </svg></div><div class="nav_mobile-divider is-dd"></div></div><nav class="nav_mobile-link-dd w-dropdown-list"><div class="nav_link-bg"><div class="nav_mobile-category-wr"><div class="nav_mobile-category is-first"><div class="nav_category-heading is-mobile"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.5367 11H9C8.39094 10.9975 7.0949 10.753 6.66598 10.3202C6.23707 9.8874 5.99751 9.30181 6 8.69224V3.5C6 3.24095 5.79017 3.03094 5.53133 3.03094L2.81199 3.03761C0.741298 3.03761 0 3.74192 0 5.81435V18.0098C0 20.0823 0.741298 21 2.81199 21H11.248C13.4319 21 13.9662 19.8861 13.9662 18.0098L13.9585 11.4691C13.9554 11.2289 13.775 11.0282 13.5367 11Z" fill="#007AFC"></path> <path d="M9.0921 9.25479H13.4319C13.6633 9.27388 13.8797 9.13858 13.9641 8.92211C14.0484 8.70563 13.9807 8.45941 13.7975 8.31668L8.59531 3.20395C8.45187 3.01836 8.20286 2.95047 7.98518 3.03761C7.76751 3.12475 7.63397 3.34579 7.65799 3.5792V7.86638C7.65777 8.24289 7.81034 8.60333 8.08073 8.8651C8.35111 9.12687 8.71613 9.26751 9.0921 9.25479Z" fill="#007AFC"></path> <path d="M13.5367 11.0001H9C8.39094 10.9976 7.0949 10.753 6.66598 10.3203C6.23707 9.88746 5.99751 9.30187 6 8.6923V3.50006C6 3.24101 5.79017 3.03101 5.53133 3.03101L2.81199 3.03767C0.741298 3.03767 0 3.74198 0 5.81441V18.0099C0 20.0823 0.741298 21.0001 2.81199 21.0001H11.248C13.4319 21.0001 13.9662 19.8861 13.9662 18.0099L13.9585 11.4691C13.9554 11.229 13.775 11.0283 13.5367 11.0001Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">documentation</div></div><div class="nav_mobile-category-links"><a href="https://docs.mapbox.com/#maps" target="_blank" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Maps</div></div></a><a href="https://docs.mapbox.com/#navigation" target="_blank" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Navigation</div></div></a><a href="https://docs.mapbox.com/#search" target="_blank" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Search</div></div></a><a href="https://docs.mapbox.com/#data" target="_blank" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Data</div></div></a><a href="https://docs.mapbox.com/" target="_blank" class="nav_link-block is-small is-link w-inline-block"><div class="nav_link-block-text"><div class="nav_link-heading">See All Docs →</div></div></a></div><div class="nav_mobile-divider is-category"></div></div><div class="nav_mobile-category"><div class="nav_category-heading is-mobile"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.175 3C3.81396 3 1.9 4.90284 1.9 7.24952C1.9 9.59621 3.81396 11.499 6.175 11.499C8.53603 11.499 10.45 9.59621 10.45 7.24952C10.45 4.90284 8.53603 3 6.175 3ZM2.90937 12.7682C1.16698 13.4831 0 15.2349 0 17.1651V19.0538C0 19.575 0.425315 19.9981 0.95 19.9981H11.4C11.9247 19.9981 12.35 19.575 12.35 19.0538V17.1651C12.35 15.2802 11.1766 13.5709 9.44062 12.8268C9.19628 12.722 8.91157 12.7191 8.66875 12.8268C7.82819 13.2017 7.00929 13.3877 6.175 13.3877C5.34356 13.3877 4.52181 13.1913 3.65161 12.7975C3.4123 12.6889 3.15238 12.6681 2.90937 12.7682Z" fill="#007AFC"></path> <path d="M18.2147 10.216H16.7801V8.78397C16.7801 8.351 16.4285 8 15.9948 8C15.561 8 15.2094 8.351 15.2094 8.78397V10.216H13.7853C13.3516 10.216 13 10.567 13 11C13 11.433 13.3516 11.784 13.7853 11.784H15.2094V13.216C15.2094 13.649 15.561 14 15.9948 14C16.4285 14 16.7801 13.649 16.7801 13.216V11.784H18.2147C18.6484 11.784 19 11.433 19 11C19 10.567 18.6484 10.216 18.2147 10.216Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">connect</div></div><div class="nav_mobile-category-links"><a href="https://discord.gg/uMpcC5RmJh" target="_blank" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Developer Discord</div></div></a><a href="https://stackoverflow.com/questions/tagged/mapbox+mapbox-ios+mapbox-android" target="_blank" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Stack Overflow</div></div></a><a href="https://github.com/mapbox" target="_blank" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Github</div></div></a><a href="/support" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Get Support</div></div></a><a href="/developer-network" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Developer Network</div></div></a></div><div class="nav_mobile-divider is-category"></div></div><div class="nav_mobile-category"><div class="nav_category-heading is-mobile"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2302_10341)"> <path d="M7.66729 13.3334C8.95596 14.622 11.0453 14.6221 12.334 13.3334L15.6673 10C16.956 8.71136 16.956 6.62201 15.6673 5.33334C14.3787 4.04467 12.2893 4.04467 11.0006 5.33334L9.33397 7.00002" stroke="#007AFC" stroke-width="2" stroke-linecap="round"></path> <path d="M10.3327 10.6666C9.04404 9.37795 6.95469 9.37795 5.66602 10.6666L2.33267 14C1.044 15.2886 1.044 17.378 2.33267 18.6667C3.62134 19.9553 5.71069 19.9553 6.99936 18.6667L8.66603 17" stroke="#007AFC" stroke-width="2" stroke-linecap="round"></path> </g> <defs> <clipPath id="clip0_2302_10341"> <rect width="24" height="24" fill="white"></rect> </clipPath> </defs> </svg></div><div class="nav_category-label">links</div></div><div class="nav_mobile-category-links"><a href="/developers" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Developer Quickstart</div></div></a><a href="https://labs.mapbox.com/developer-cheatsheet/" target="_blank" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Developer Cheat Sheet</div></div></a><a href="https://docs.mapbox.com/help/" target="_blank" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Help & Troubleshooting</div></div></a><a href="https://docs.mapbox.com/playground/" target="_blank" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">API Playgrounds</div></div></a><a href="https://docs.mapbox.com/resources/dev-tools/" target="_blank" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Developer Tools</div></div></a><a href="https://status.mapbox.com/" target="_blank" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">API Status</div></div></a></div><div class="nav_mobile-divider is-category"></div></div></div></div></nav></div><div data-hover="false" data-delay="0" class="nav_link-mobile w-dropdown"><div class="nav_link-toggle is-sticky w-dropdown-toggle"><div class="nav_text">Company</div><div class="nav_icon is-mobile w-embed"><svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.87031 5.09184C4.67188 5.31055 4.32812 5.31055 4.12969 5.09184L0.495302 1.08597C0.203795 0.764663 0.431776 0.25 0.865609 0.25L8.13439 0.250001C8.56822 0.250001 8.7962 0.764664 8.5047 1.08597L4.87031 5.09184Z" fill="currentColor"></path> </svg></div><div class="nav_mobile-divider is-dd"></div></div><nav class="nav_mobile-link-dd w-dropdown-list"><div class="nav_link-bg"><div class="nav_mobile-category-wr"><div class="nav_mobile-category is-first"><div class="nav_category-heading is-mobile"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.825 3C10.464 3 8.55 4.90284 8.55 7.24952C8.55 9.59621 10.464 11.499 12.825 11.499C15.186 11.499 17.1 9.59621 17.1 7.24952C17.1 4.90284 15.186 3 12.825 3ZM5.7 3.94434C3.60135 3.94434 1.9 5.63565 1.9 7.72169C1.9 9.80774 3.60135 11.499 5.7 11.499C6.48793 11.499 7.20717 11.2838 7.84016 10.8437C6.2168 8.44509 6.44689 6.14843 7.33163 4.29847C6.82632 4.06049 6.27133 3.94434 5.7 3.94434ZM2.90937 12.7682C1.16698 13.4831 0 15.2349 0 17.1651V19.0538C0 19.575 0.425315 19.9981 0.95 19.9981L4.89516 20C4.67286 19.2823 4.73822 18.1189 4.75285 17.1774C4.78373 15.1782 5.61545 13.7522 5.94121 13.3764C5.34252 13.3717 4.62403 13.2272 4.09687 13.0043C3.96957 12.9505 3.89566 12.908 3.65161 12.7975C3.4123 12.6889 3.15238 12.6681 2.90937 12.7682ZM9.55937 12.7682C7.81698 13.4831 6.65 15.2349 6.65 17.1651V19.0538C6.65 19.575 7.07531 19.9981 7.6 19.9981H18.05C18.5747 19.9981 19 19.575 19 19.0538V17.1651C19 15.2802 17.8266 13.5709 16.0906 12.8268C15.8463 12.722 15.5616 12.7191 15.3187 12.8268C14.4782 13.2017 13.6593 13.3877 12.825 13.3877C11.9936 13.3877 11.1718 13.1913 10.3016 12.7975C10.0623 12.6889 9.80239 12.6681 9.55937 12.7682Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">company</div></div><div class="nav_mobile-category-links"><a href="/company" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Who we are</div></div></a><a href="/company/values" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">What we value</div></div></a><a href="https://www.mapbox.com/about/maps" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">What we do</div></div></a></div><div class="nav_mobile-divider is-category"></div></div><div class="nav_mobile-category"><div class="nav_category-heading is-mobile"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.23077 6.90894H3.92308H1.30769C0.588462 6.90894 0 7.56349 0 8.36349V10.9999L3.92308 11.6922L8.5 12.4999L13.0769 11.6922L17 10.9999V8.36349C17 7.56349 16.4115 6.90894 15.6923 6.90894H13.0769H11.7692V4.99996C11.7692 4.19996 11.1808 3.54541 10.4615 3.54541H6.53846C5.81923 3.54541 5.23077 4.19996 5.23077 4.99996V6.90894ZM17 12.4999L13.0769 13.1922L8.5 13.9999L3.92308 13.1922L0 12.4999V18.5453C0 19.3453 0.588462 19.9999 1.30769 19.9999H3.92308H13.0769H15.6923C16.4115 19.9999 17 19.3453 17 18.5453V12.4999ZM10.4615 6.90894H6.53846V4.99996H10.4615V6.90894Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">Careers</div></div><div class="nav_mobile-category-links"><a href="/careers" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Work at Mapbox</div><div class="nav_tag hide">HIRING</div></div></a><a href="/company/culture" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Life at Mapbox</div></div></a><a href="/dei" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Diversity, Equity & Inclusion</div></div></a></div><div class="nav_mobile-divider is-category"></div></div><div class="nav_mobile-category"><div class="nav_category-heading is-mobile"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.42792 6.63152C8.09583 5.78949 6.90416 5.78949 6.57208 6.63152L4.89183 10.8918L0.631517 12.5721C-0.210505 12.9042 -0.210506 14.0958 0.631517 14.4279L4.89183 16.1082L6.57208 20.3685C6.90416 21.2105 8.09583 21.2105 8.42792 20.3685L10.1082 16.1082L14.3685 14.4279C15.2105 14.0958 15.2105 12.9042 14.3685 12.5721L10.1082 10.8918L8.42792 6.63152Z" fill="#007AFC"></path> <path d="M16.3712 3.25261C16.2383 2.9158 15.7617 2.9158 15.6288 3.25261L14.9567 4.95673L13.2526 5.62883C12.9158 5.76167 12.9158 6.23833 13.2526 6.37117L14.9567 7.04327L15.6288 8.74739C15.7617 9.0842 16.2383 9.0842 16.3712 8.74739L17.0433 7.04327L18.7474 6.37117C19.0842 6.23833 19.0842 5.76167 18.7474 5.62883L17.0433 4.95673L16.3712 3.25261Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">impact</div></div><div class="nav_mobile-category-links"><a href="/esg" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Sustainability</div></div></a><a href="/community/impact" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Social Impact</div></div></a></div><div class="nav_mobile-divider is-category"></div></div><div class="nav_mobile-category"><div class="nav_category-heading is-mobile"><div class="nav_category-label">follow us</div></div><div class="nav_mobile-category-links"><div class="nav_socials"><a href="https://www.linkedin.com/company/mapbox/" target="_blank" class="nav_link-block is-small w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.60001 19H4.2V8.3H7.60001V19ZM5.9 6.8C4.8 6.8 4 6 4 4.9C4 3.8 4.9 3 5.9 3C7 3 7.8 3.8 7.8 4.9C7.8 6 7 6.8 5.9 6.8ZM20 19H16.6V13.2C16.6 11.5 15.9 11 14.9 11C13.9 11 12.9 11.8 12.9 13.3V19H9.5V8.3H12.7V9.8C13 9.1 14.2 8 15.9 8C17.8 8 19.8 9.1 19.8 12.4V19H20Z" fill="#2D64BC"></path> </svg></div><div class="nav_link-block-text mt-3"><div class="nav_link-heading is-social">LinkedIn</div></div></a><a href="https://twitter.com/mapbox" target="_blank" class="nav_link-block is-small w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.50222 4.75H4.00306L4.30202 5.14973L9.95241 12.7048L4.28236 18.8302L3.89374 19.25H4.46582H5.77381H5.88306L5.95728 19.1698L10.8414 13.8934L14.7726 19.1497L14.8476 19.25H14.9728H19.4238H19.923L19.624 18.8503L13.6487 10.8608L18.9165 5.16983L19.3051 4.75H18.7331H17.4251H17.3158L17.2416 4.83018L12.7598 9.67217L9.15358 4.85027L9.07859 4.75H8.95338H4.50222ZM15.5805 17.7864L6.92498 6.21346H8.34536L17.0009 17.7864H15.5805Z" fill="black" stroke="black" stroke-width="0.5"></path> </svg></div><div class="nav_link-block-text mt-3"><div class="nav_link-heading is-social">X</div></div></a><a href="https://www.youtube.com/channel/UCIHl9sd2brgvjBlSETKYDcg" target="_blank" class="nav_link-block is-small w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.0727 5.9996C20.8926 6.92605 21 8.39815 21 12C21 15.6018 20.8926 17.0739 20.0727 18.0004C19.2524 18.9269 18.3984 19 12 19C5.60164 19 4.74761 18.9269 3.92732 18.0004C3.10736 17.0739 3 15.6018 3 12C3 8.39815 3.10736 6.92605 3.92732 5.9996C4.74729 5.07315 5.60164 5 12 5C18.3984 5 19.2524 5.07315 20.0727 5.9996ZM10.542 14.9666L14.9144 12.1512L10.542 9.3799V14.9666Z" fill="#D74432"></path> </svg></div><div class="nav_link-block-text mt-3"><div class="nav_link-heading is-social">Youtube</div></div></a><a href="#" class="nav_link-block is-small hide w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18.9419 5.65705C17.6473 5.06086 16.263 4.62758 14.8157 4.38086C14.638 4.69714 14.4304 5.12254 14.2872 5.46095C12.7487 5.23323 11.2245 5.23323 9.7143 5.46095C9.57116 5.12254 9.3588 4.69714 9.17947 4.38086C7.73067 4.62758 6.3448 5.06245 5.05016 5.6602C2.43887 9.54405 1.73099 13.3314 2.08493 17.065C3.81688 18.338 5.49534 19.1114 7.14548 19.6174C7.55291 19.0655 7.91628 18.4788 8.22931 17.8605C7.63313 17.6375 7.06211 17.3624 6.52256 17.0429C6.6657 16.9385 6.80571 16.8294 6.94098 16.7171C10.2318 18.2321 13.8074 18.2321 17.0589 16.7171C17.1958 16.8294 17.3358 16.9385 17.4774 17.0429C16.9362 17.3639 16.3637 17.6391 15.7675 17.8621C16.0805 18.4788 16.4423 19.0671 16.8513 19.619C18.503 19.1129 20.183 18.3396 21.915 17.065C22.3303 12.7368 21.2056 8.98424 18.9419 5.65705ZM8.67765 14.7689C7.68977 14.7689 6.87963 13.8612 6.87963 12.7558C6.87963 11.6504 7.67247 10.7412 8.67765 10.7412C9.68285 10.7412 10.493 11.6488 10.4757 12.7558C10.4772 13.8612 9.68285 14.7689 8.67765 14.7689ZM15.3223 14.7689C14.3344 14.7689 13.5243 13.8612 13.5243 12.7558C13.5243 11.6504 14.3171 10.7412 15.3223 10.7412C16.3275 10.7412 17.1376 11.6488 17.1203 12.7558C17.1203 13.8612 16.3275 14.7689 15.3223 14.7689Z" fill="#5A65EA"></path> </svg></div><div class="nav_link-block-text mt-3"><div class="nav_link-heading is-social">Discord</div></div></a><a href="https://www.instagram.com/mapbox/?hl=en" target="_blank" class="nav_link-block is-small w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0054 3C8.24695 3 7.14775 3.00388 6.93409 3.0216C6.16279 3.08571 5.68284 3.20716 5.15997 3.46749C4.75701 3.66758 4.43921 3.89952 4.12557 4.22466C3.55437 4.8176 3.20819 5.54708 3.08287 6.4142C3.02194 6.83516 3.00422 6.92101 3.00062 9.07122C2.99923 9.78796 3.00062 10.7312 3.00062 11.9965C3.00062 15.7519 3.00477 16.85 3.02277 17.0632C3.08508 17.8137 3.20279 18.2859 3.45204 18.8024C3.92839 19.7911 4.83816 20.5333 5.90994 20.8103C6.28105 20.9058 6.69093 20.9585 7.21713 20.9834C7.44007 20.9931 9.71241 21 11.9861 21C14.2599 21 16.5336 20.9972 16.751 20.9862C17.3603 20.9575 17.7141 20.91 18.1053 20.8089C18.6367 20.6726 19.132 20.422 19.5565 20.0745C19.9811 19.7269 20.3246 19.2909 20.5632 18.7969C20.8076 18.2928 20.9315 17.8027 20.9876 17.0913C20.9998 16.9362 21.0049 14.4635 21.0049 11.9941C21.0049 9.52431 20.9994 7.05616 20.9872 6.90107C20.9304 6.17824 20.8065 5.6922 20.5542 5.17846C20.3472 4.75792 20.1173 4.44386 19.7836 4.12274C19.1881 3.55389 18.4598 3.20771 17.5917 3.08253C17.1711 3.02174 17.0874 3.00374 14.9355 3H12.0054Z" fill="url(#paint0_radial_2739_5687)"></path> <path d="M12.0054 3C8.24695 3 7.14775 3.00388 6.93409 3.0216C6.16279 3.08571 5.68284 3.20716 5.15997 3.46749C4.75701 3.66758 4.43921 3.89952 4.12557 4.22466C3.55437 4.8176 3.20819 5.54708 3.08287 6.4142C3.02194 6.83516 3.00422 6.92101 3.00062 9.07122C2.99923 9.78796 3.00062 10.7312 3.00062 11.9965C3.00062 15.7519 3.00477 16.85 3.02277 17.0632C3.08508 17.8137 3.20279 18.2859 3.45204 18.8024C3.92839 19.7911 4.83816 20.5333 5.90994 20.8103C6.28105 20.9058 6.69093 20.9585 7.21713 20.9834C7.44007 20.9931 9.71241 21 11.9861 21C14.2599 21 16.5336 20.9972 16.751 20.9862C17.3603 20.9575 17.7141 20.91 18.1053 20.8089C18.6367 20.6726 19.132 20.422 19.5565 20.0745C19.9811 19.7269 20.3246 19.2909 20.5632 18.7969C20.8076 18.2928 20.9315 17.8027 20.9876 17.0913C20.9998 16.9362 21.0049 14.4635 21.0049 11.9941C21.0049 9.52431 20.9994 7.05616 20.9872 6.90107C20.9304 6.17824 20.8065 5.6922 20.5542 5.17846C20.3472 4.75792 20.1173 4.44386 19.7836 4.12274C19.1881 3.55389 18.4598 3.20771 17.5917 3.08253C17.1711 3.02174 17.0874 3.00374 14.9355 3H12.0054Z" fill="url(#paint1_radial_2739_5687)"></path> <path d="M15.75 12.527C15.75 14.598 14.0711 16.277 12 16.277C9.92893 16.277 8.25 14.598 8.25 12.527C8.25 10.4559 9.92893 8.77698 12 8.77698C14.0711 8.77698 15.75 10.4559 15.75 12.527Z" stroke="white" stroke-width="1.5"></path> <path d="M17.501 7.50098C17.501 8.05326 17.0533 8.50098 16.501 8.50098C15.9487 8.50098 15.501 8.05326 15.501 7.50098C15.501 6.94869 15.9487 6.50098 16.501 6.50098C17.0533 6.50098 17.501 6.94869 17.501 7.50098Z" fill="white"></path> <defs> <radialGradient id="paint0_radial_2739_5687" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.5 24.5) rotate(-89.1886) scale(19.955 18.5647)"> <stop stop-color="#FFDD55"></stop> <stop offset="0.1" stop-color="#FFDD55"></stop> <stop offset="0.5" stop-color="#FF543E"></stop> <stop offset="1" stop-color="#C837AB"></stop> </radialGradient> <radialGradient id="paint1_radial_2739_5687" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-0.0159172 4.29669) rotate(78.6776) scale(7.97434 32.8788)"> <stop stop-color="#3771C8"></stop> <stop offset="0.128" stop-color="#3771C8"></stop> <stop offset="1" stop-color="#6600FF" stop-opacity="0"></stop> </radialGradient> </defs> </svg></div><div class="nav_link-block-text mt-3"><div class="nav_link-heading is-social">Instagram</div></div></a><a href="https://www.tiktok.com/@mapbox" target="_blank" class="nav_link-block is-small w-inline-block"><div class="icon-24 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M17.658 6.84956C17.5365 6.78677 17.4182 6.71794 17.3036 6.64332C16.9704 6.423 16.6648 6.1634 16.3935 5.87011C15.7149 5.09352 15.4613 4.30568 15.368 3.75409H15.3717C15.2937 3.29624 15.326 3 15.3308 3H12.2395V14.9536C12.2395 15.1142 12.2395 15.2728 12.2328 15.4295C12.2328 15.449 12.2309 15.467 12.2298 15.488C12.2298 15.4966 12.2298 15.5056 12.2279 15.5146C12.2279 15.5168 12.2279 15.5191 12.2279 15.5213C12.1953 15.9503 12.0578 16.3645 11.8275 16.7279C11.5972 17.0911 11.2812 17.3923 10.9072 17.6048C10.5174 17.8265 10.0766 17.9429 9.62814 17.9423C8.18783 17.9423 7.02052 16.7678 7.02052 15.3174C7.02052 13.867 8.18783 12.6925 9.62814 12.6925C9.90078 12.6923 10.1717 12.7352 10.431 12.8196L10.4347 9.67204C9.64777 9.57039 8.8483 9.63293 8.08673 9.85572C7.32516 10.0785 6.61803 10.4567 6.00994 10.9665C5.47712 11.4294 5.02917 11.9818 4.68626 12.5988C4.55577 12.8238 4.06341 13.7278 4.00379 15.1952C3.96629 16.028 4.2164 16.8908 4.33565 17.2475V17.2549C4.41064 17.4649 4.70126 18.1815 5.17486 18.7855C5.55676 19.2702 6.00795 19.6958 6.51392 20.0489V20.0414L6.52141 20.0489C8.01797 21.0659 9.67726 20.9991 9.67726 20.9991C9.9645 20.9875 10.9267 20.9991 12.0194 20.4812C13.2313 19.9071 13.9213 19.0519 13.9213 19.0519C14.3621 18.5408 14.7126 17.9584 14.9578 17.3295C15.2375 16.5942 15.3308 15.7122 15.3308 15.3598V9.01807C15.3684 9.04057 15.8679 9.37093 15.8679 9.37093C15.8679 9.37093 16.5874 9.83216 17.7101 10.1325C18.5156 10.3463 19.6008 10.3913 19.6008 10.3913V7.32241C19.2205 7.36366 18.4484 7.24366 17.658 6.84956Z" fill="currentColor"></path> </svg></div><div class="nav_link-block-text mt-3"><div class="nav_link-heading is-social">TikTok</div></div></a><a href="#" class="nav_link-block is-small hide w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9694 2C6.46483 2 2 6.58933 2 12.2474C2 16.7739 4.87462 20.6088 8.78899 21.9919C9.27829 22.0547 9.46177 21.7404 9.46177 21.4889C9.46177 21.2375 9.46177 20.6088 9.46177 19.7286C6.70948 20.3573 6.09786 18.3456 6.09786 18.3456C5.66972 17.1511 4.99694 16.8367 4.99694 16.8367C4.07951 16.2081 5.0581 16.2081 5.0581 16.2081C6.0367 16.2709 6.58716 17.2768 6.58716 17.2768C7.50459 18.8485 8.91131 18.4084 9.46177 18.1569C9.52294 17.4654 9.82875 17.0253 10.0734 16.7739C7.87156 16.5224 5.5474 15.6422 5.5474 11.6816C5.5474 10.55 5.91437 9.66984 6.58716 8.91543C6.52599 8.72682 6.15902 7.65808 6.70948 6.27499C6.70948 6.27499 7.56575 6.02352 9.46177 7.34374C10.2569 7.09227 11.1131 7.0294 11.9694 7.0294C12.8257 7.0294 13.682 7.15514 14.4771 7.34374C16.3731 6.02352 17.2294 6.27499 17.2294 6.27499C17.7798 7.65808 17.4128 8.72682 17.3517 8.97829C17.9633 9.66984 18.3914 10.6128 18.3914 11.7445C18.3914 15.7051 16.0673 16.5224 13.8654 16.7739C14.2324 17.0882 14.5382 17.7169 14.5382 18.6599C14.5382 20.043 14.5382 21.1117 14.5382 21.4889C14.5382 21.7404 14.7217 22.0547 15.211 21.9919C19.1865 20.6088 22 16.7739 22 12.2474C21.9388 6.58933 17.474 2 11.9694 2Z" fill="#25292E"></path> </svg></div><div class="nav_link-block-text mt-3"><div class="nav_link-heading is-social">Github</div></div></a><a href="#" class="nav_link-block is-small hide w-inline-block"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2C6.47694 2 2 6.47694 2 12C2 17.5231 6.47694 22 12 22C17.5231 22 22 17.5231 22 12C22 6.47694 17.5231 2 12 2ZM16.7469 14.4522C13.3273 17.8718 7.21935 16.7807 7.21935 16.7807C7.21935 16.7807 6.11699 10.6839 9.54781 7.25309C11.4488 5.35208 14.5984 5.43082 16.5894 7.41057C18.5804 9.39033 18.6479 12.5512 16.7469 14.4522Z" fill="#23262D"></path> <path d="M13.1464 7.86035L12.1678 9.87385L10.1543 10.8525L12.1678 11.8311L13.1464 13.8446L14.1251 11.8311L16.1386 10.8525L14.1251 9.87385L13.1464 7.86035Z" fill="#23262D"></path> </svg></div><div class="nav_link-block-text mt-3"><div class="nav_link-heading is-social">Blog</div></div></a></div></div><div class="nav_mobile-divider is-category"></div></div></div></div></nav></div><div data-hover="false" data-delay="0" class="nav_link-mobile w-dropdown"><div class="nav_link-toggle is-sticky w-dropdown-toggle"><div class="nav_text">Resources</div><div class="nav_icon is-mobile w-embed"><svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.87031 5.09184C4.67188 5.31055 4.32812 5.31055 4.12969 5.09184L0.495302 1.08597C0.203795 0.764663 0.431776 0.25 0.865609 0.25L8.13439 0.250001C8.56822 0.250001 8.7962 0.764664 8.5047 1.08597L4.87031 5.09184Z" fill="currentColor"></path> </svg></div><div class="nav_mobile-divider is-dd"></div></div><nav class="nav_mobile-link-dd w-dropdown-list"><div class="nav_link-bg"><div class="nav_mobile-category-wr"><div class="nav_mobile-category is-first"><div class="nav_category-heading is-mobile"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.47037 11.1562H11.5296C11.4602 8.84931 11.1092 6.80542 10.5953 5.31307C10.306 4.47298 9.98065 3.85362 9.66112 3.46113C9.33588 3.06165 9.10732 3 9 3C8.89268 3 8.66412 3.06165 8.33888 3.46113C8.01935 3.85362 7.69402 4.47298 7.40474 5.31307C6.89085 6.80542 6.53984 8.84931 6.47037 11.1562Z" fill="#007AFC"></path> <path d="M11.5296 12.8438C11.4602 15.1507 11.1092 17.1946 10.5953 18.6869C10.306 19.527 9.98065 20.1464 9.66112 20.5389C9.33588 20.9384 9.10732 21 9 21C8.89268 21 8.66412 20.9384 8.33888 20.5389C8.01935 20.1464 7.69402 19.527 7.40474 18.6869C6.89085 17.1946 6.53984 15.1507 6.47037 12.8438H11.5296Z" fill="#007AFC"></path> <path d="M13.2252 12.8438H18C17.6552 16.5356 15.0709 19.5804 11.6127 20.6183C11.8314 20.2005 12.0264 19.7341 12.1985 19.2342C12.7833 17.536 13.1554 15.2999 13.2252 12.8438Z" fill="#007AFC"></path> <path d="M18 11.1562H13.2252C13.1554 8.70009 12.7833 6.46396 12.1985 4.76577C12.0264 4.26586 11.8314 3.79954 11.6127 3.38168C15.0709 4.41956 17.6552 7.46439 18 11.1562Z" fill="#007AFC"></path> <path d="M4.77481 11.1562H1.69953e-08C0.344754 7.46439 2.92912 4.41956 6.38726 3.38168C6.16863 3.79954 5.97365 4.26586 5.8015 4.76577C5.21673 6.46396 4.84456 8.70009 4.77481 11.1562Z" fill="#007AFC"></path> <path d="M4.77481 12.8438H0C0.344754 16.5356 2.92912 19.5804 6.38726 20.6183C6.16862 20.2005 5.97365 19.7341 5.8015 19.2342C5.21673 17.536 4.84456 15.2999 4.77481 12.8438Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">News</div></div><div class="nav_mobile-category-links"><a href="/blog" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Blog</div></div></a><a href="/newsroom" class="nav_link-block is-small w-inline-block"><div class="nav_link-top"><div class="nav_category-link">Newsroom</div><div class="nav_tag hide">NEW</div></div></a><a href="/events" class="nav_link-block is-small w-inline-block"><div class="nav_link-top"><div class="nav_category-link">Events</div><div class="nav_tag hide">NEW</div></div></a></div><div class="nav_mobile-divider is-category"></div></div><div class="nav_mobile-category"><div class="nav_category-heading is-mobile"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.2813 4.94366C15.0509 4.74844 14.7808 4.60823 14.4906 4.53327C14.2004 4.45831 13.8975 4.45047 13.604 4.51034L10.982 5.19166C10.3676 5.3059 9.81186 5.63691 9.41177 6.12698C9.01167 6.61704 8.79257 7.23507 8.79266 7.87331V17.6057L8 17.729L7.19226 17.5922V7.85986C7.1947 7.22794 6.98105 6.615 6.58824 6.12698C6.19542 5.63895 5.64812 5.30649 5.04093 5.18707L2.35733 4.50012C2.06918 4.44665 1.77305 4.4585 1.48987 4.53484C1.20669 4.61118 0.943372 4.75015 0.718521 4.94192C0.49367 5.1337 0.312775 5.3736 0.188618 5.64467C0.0644604 5.91575 7.11635e-05 6.21138 0 6.51068V17.9799L8 19.4672L16 17.9799V6.51068C16 6.2116 15.9357 5.91617 15.8115 5.64536C15.6873 5.37455 15.5063 5.13498 15.2813 4.94366Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">learn</div></div><div class="nav_mobile-category-links"><a href="/showcase" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Customer Showcase</div></div></a><a href="/webinars" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Webinars</div></div></a><a href="https://www.youtube.com/channel/UCIHl9sd2brgvjBlSETKYDcg" target="_blank" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Videos</div></div></a></div><div class="nav_mobile-divider is-category"></div></div><div class="nav_mobile-category"><div class="nav_category-heading is-mobile"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 12C18 13.78 17.4722 15.5201 16.4832 17.0001C15.4943 18.4802 14.0887 19.6337 12.4442 20.3149C10.7996 20.9961 8.99002 21.1743 7.24419 20.8271C5.49836 20.4798 3.89471 19.6226 2.63604 18.364C1.37737 17.1053 0.520203 15.5016 0.172936 13.7558C-0.17433 12.01 0.00389957 10.2004 0.685088 8.55585C1.36628 6.91131 2.51983 5.50571 3.99987 4.51677C5.47991 3.52784 7.21997 3 9 3C11.3862 3.00258 13.6738 3.95162 15.3611 5.63889C17.0484 7.32616 17.9974 9.61384 18 12ZM10.5 12C10.5 11.6022 10.342 11.2206 10.0607 10.9393C9.77936 10.658 9.39783 10.5 9 10.5H7.5V12H9V17.25H10.5V12ZM9 6.75C8.7775 6.75 8.55999 6.81598 8.37499 6.9396C8.18998 7.06321 8.04579 7.23891 7.96064 7.44448C7.87549 7.65005 7.85321 7.87625 7.89662 8.09448C7.94003 8.3127 8.04717 8.51316 8.20451 8.67049C8.36184 8.82783 8.5623 8.93497 8.78053 8.97838C8.99875 9.02179 9.22495 8.99951 9.43052 8.91436C9.63609 8.82922 9.81179 8.68502 9.93541 8.50002C10.059 8.31501 10.125 8.0975 10.125 7.875C10.125 7.57663 10.0065 7.29048 9.7955 7.0795C9.58452 6.86853 9.29837 6.75 9 6.75Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">get help</div></div><div class="nav_mobile-category-links"><a href="/support" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Support</div></div></a><a href="/community/education" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Education</div></div></a><a href="https://www.mapbox.com/platform/security" class="nav_link-block is-small w-inline-block"><div class="nav_link-block-text"><div class="nav_category-link">Security</div></div></a></div><div class="nav_mobile-divider is-category"></div></div><div class="nav_mobile-category is-showcase"><div class="nav_category-heading is-mobile"><div class="icon-24 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.30312 3.26072L1.09036 13.7514C0.970867 13.951 0.969823 14.1967 1.08762 14.3972C1.20541 14.5978 1.42443 14.7231 1.66333 14.7268H5.20224C5.9406 14.7268 6.53916 15.3042 6.53916 16.0165V20.3515C6.53998 20.638 6.73508 20.8902 7.01954 20.9725C7.30401 21.0548 7.61081 20.9479 7.77497 20.7091L13.8866 11.8549C14.0238 11.6587 14.0375 11.4055 13.9222 11.1967C13.8069 10.9878 13.5814 10.8575 13.3361 10.8578H9.84215C9.09758 10.8578 8.49399 10.2756 8.49399 9.55732V3.55334C8.45762 3.29518 8.26252 3.08413 8.0008 3.01982C7.73908 2.95551 7.46308 3.05081 7.30312 3.26072Z" fill="#007AFC"></path> </svg></div><div class="nav_category-label">featured showcase</div></div><a href="/showcase/mapspeople" class="nav_cta-group is-resources show-tablet w-inline-block"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6542cb9ef0d7cde17f30511f_img.png" loading="lazy" width="306" sizes="100vw" alt="" srcset="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6542cb9ef0d7cde17f30511f_img-p-500.png 500w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6542cb9ef0d7cde17f30511f_img.png 600w" class="nav_cta-img"><div class="cta_bottom"><div class="nav_cta-text is-heading">Indoor map innovation powered by Mapbox 3D visualizations...</div><div class="nav_cta-text is-link">Read more →</div></div></a><div class="nav_mobile-divider is-category"></div></div></div></div></nav></div><a href="/pricing" class="nav_link-toggle w-inline-block"><div class="nav_text">Pricing</div><div class="nav_mobile-divider is-dd"></div></a></div><div id="sign-up-mobile" class="navbar_mobile-button-wrapper"><a href="https://account.mapbox.com/auth/signup" target="_blank" class="button is-mobile-nav w-button">Sign up</a><a href="https://account.mapbox.com/auth/signin" target="_blank" class="button stroke is-mobile-nav w-button">Log in</a></div><div id="view-account-mobile" class="navbar_mobile-button-wrapper hide"><a href="https://account.mapbox.com" target="_blank" class="button is-mobile-nav w-button">Go to account</a></div><a id="contact-sales" href="/contact" class="nav_mobile-bottom w-inline-block"><div class="nav_text is-bottom">Contact Us</div></a></div></div></div></div></div></div></div></nav></div></div></div><header class="u_hdr blank"><div class="container w-container"><div class="css-all w-embed"><style> #static-map-img { border-radius: 18px; } #static-map-img2 { position: absolute; left: -30px; } </style></div><div class="css-landscape w-embed"><style> @media (max-width: 767px) { #static-map-img { border-radius: 16px; } #static-map-img2 { margin-top: -16px; margin-right: auto; margin-left: auto; position: relative; left: 0px; } } </style></div><div class="owl-slider-css w-embed"><style> .owl-stage-outer { overflow: visible !important; } .owl-stage, .owl-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .owl-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 1200px; max-width: calc(100vw - 80px); } .owl-carousel .owl-nav button { margin-right: 6px; margin-left: 6px; min-width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 28px!important; color: #333943!important; background: #F2F6FB!important; border-radius: 50%; outline: none!important; transition: all 100ms ease; } .owl-carousel .owl-nav button:hover { background: #E3F3FF!important; } button.owl-prev.disabled, button.owl-next.disabled { /*background: rgba(242, 246, 251, 0.5)!important;*/ background: #fafafa!important; color: #cccccc!important; cursor: default !important; cursor: default !important; } button.owl-prev.disabled:hover, button.owl-next.disabled:hover { /*background: rgba(242, 246, 251, 0.5)!important;*/ background: #fafafa!important; /*background: #F2F6FB!important;*/ cursor: default !important; } .dev-slider-overlay { pointer-events: none; } @media (min-width: 992px) { .u_rsrs-card:hover .u_more-arr { transform: translateX(75%); } .cms-slider-wrap { max-width: calc(100vw - 80px); } } @media (max-width: 991px) { .cms-slider-wrap, .owl-nav { max-width: calc(100vw - 80px); } } @media (max-width: 767px) { .cms-slider-wrap, .owl-nav { max-width: calc(100vw - 40px); } } </style></div><div class="u_hdr-hero"><h1 class="h1 light mb16">Static Maps<br></h1><div class="p-wrap small mb24"><p class="p-regular large">Display static maps anywhere you can place an image, including in applications or UIs where interactive maps can't be displayed.</p></div><div class="btn_wrap-grid mb56"><a href="https://www.mapbox.com/signup/?page=/static-maps" class="u_cta-btn-3 w-button">Sign up for free</a><a href="https://docs.mapbox.com/api/maps/static-images/" class="u_cta-btn-3 stroke-grey w-button">Documentation</a></div><div class="flex-center children-wrap"><div class="p-wrap big"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a7e45ea81b7ad942d7ad0_shot-compressed-2.jpg" loading="lazy" sizes="(max-width: 479px) 92vw, (max-width: 767px) 95vw, (max-width: 1279px) 92vw, 1000px" width="1000" id="static-map-img" alt="" srcset="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a7e45ea81b7ad942d7ad0_shot-compressed-2-p-500.jpeg 500w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a7e45ea81b7ad942d7ad0_shot-compressed-2-p-800.jpeg 800w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a7e45ea81b7ad942d7ad0_shot-compressed-2-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a7e45ea81b7ad942d7ad0_shot-compressed-2-p-1600.jpeg 1600w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a7e45ea81b7ad942d7ad0_shot-compressed-2.jpg 2000w"></div><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a7e45ea81b7ad942d7ad6_code-window.png" loading="lazy" width="244.5" alt="" id="static-map-img2"></div></div></div></header><main class="u_main"><div class="u_sctn-4 middle"><div class="container w-container"><div class="p-wrap big"><div class="banner-new"><div class="w-embed"><style> @media screen and (min-width: 992px) { a:hover .u_more-arr { transform: translateX(75%); } } </style></div><div class="banner-gradient-wrap-out"><div class="banner-gradient-wrap"><div class="banner-gradient _0052d4-6fb1fc"></div></div></div><div class="p-wrap left"><div class="mb-12"><h2 class="heading h3-old color-white">Static Maps Playground</h2></div><div class="t_mb-24"><div class="p-wrap xx-tiny left"><p class="p-regular small color-white">Full API support with live preview available in the Static Maps Playground</p></div></div></div><a href="https://docs.mapbox.com/playground/static/" class="u_cta-btn-3 stroke tiny hover-white w-button">Explore now <span class="u_more-arr">→</span></a></div></div></div></div><div class="u_sctn-4 middle"><div class="container w-container"><div class="u_bnft-grid"><div class="u_bnft-card-10"><img src="https://cdn.prod.website-files.com/5e832e12eb7ca02ee9064d42/5e95cdd21ff6334b8848da10_3.svg" alt="" class="u_bnft-icon"><div class="mb-10"><h4 class="heading h5-old">Performance<br></h4></div><p class="p-regular small">Across different use cases and regions, average load times for Mapbox’s static images are between 100-425ms, which are some of the fastest load times in the industry.</p></div><div class="u_bnft-card-10"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a2c_1.svg" alt="" class="u_bnft-icon"><div class="mb-10"><h4 class="heading h5-old">Data Overlays<br></h4></div><p class="p-regular small">Add GeoJSON, markers, and paths as overlays to your static maps for quick and simple data visualizations.<br></p></div><div class="u_bnft-card-10"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a2b_2.svg" alt="" class="u_bnft-icon"><div class="mb-10"><h4 class="heading h5-old">Dynamic Map Styles<br></h4></div><p class="p-regular small">Add new map layers, change how existing maps are styled, and filter out features from your static map using <a href="https://docs.mapbox.com/mapbox-gl-js/style-spec/#expressions" target="_blank" class="link-small-3">expressions syntax</a> all at the time of your request.<br></p></div></div></div></div><div class="u_sctn middle overflow-hidden"><div class="swiper is-static-maps"><div class="swiper-wrapper"><a href="https://docs.mapbox.com/api/maps/vector-tiles/" target="_blank" class="card-2 align-start swiper-slide w-inline-block"><div class="position-relative"><div class="flex mb-24 w-embed"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="#E9FAF1"></path> <path d="M35.9387 11.1429C36.4459 11.1429 36.8571 11.554 36.8571 12.0612V17.5714C36.8571 18.0786 36.4459 18.4898 35.9387 18.4898H30.4285C29.9213 18.4898 29.5102 18.0786 29.5102 17.5714V12.0612C29.5102 11.554 29.9213 11.1429 30.4285 11.1429H35.9387Z" fill="#2FC078"></path> <path d="M12.0612 29.5102C11.554 29.5102 11.1428 29.9214 11.1428 30.4286V35.9388C11.1428 36.446 11.554 36.8571 12.0612 36.8571H17.5714C18.0786 36.8571 18.4898 36.446 18.4898 35.9388V30.4286C18.4898 29.9214 18.0786 29.5102 17.5714 29.5102H12.0612Z" fill="#2FC078"></path> <path d="M21.2449 29.5102C20.7377 29.5102 20.3265 29.9214 20.3265 30.4286V35.9388C20.3265 36.446 20.7377 36.8571 21.2449 36.8571H26.7551C27.2623 36.8571 27.6734 36.446 27.6734 35.9388V30.4286C27.6734 29.9214 27.2623 29.5102 26.7551 29.5102H21.2449Z" fill="#2FC078"></path> <path d="M36.8571 21.2449C36.8571 20.7377 36.4459 20.3265 35.9387 20.3265H30.4285C29.9213 20.3265 29.5102 20.7377 29.5102 21.2449V26.7551C29.5102 27.2623 29.9213 27.6735 30.4285 27.6735H35.9387C36.4459 27.6735 36.8571 27.2623 36.8571 26.7551V21.2449Z" fill="#2FC078"></path> <path d="M35.9387 29.5102C36.4459 29.5102 36.8571 29.9214 36.8571 30.4286V35.9388C36.8571 36.446 36.4459 36.8571 35.9387 36.8571H30.4285C29.9213 36.8571 29.5102 36.446 29.5102 35.9388V30.4286C29.5102 29.9214 29.9213 29.5102 30.4285 29.5102H35.9387Z" fill="#2FC078"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.1428 12.0612C11.1428 11.554 11.554 11.1429 12.0612 11.1429H26.7551C27.2623 11.1429 27.6734 11.554 27.6734 12.0612V26.7551C27.6734 27.2623 27.2623 27.6735 26.7551 27.6735H12.0612C11.554 27.6735 11.1428 27.2623 11.1428 26.7551V12.0612ZM21.9727 14.8163L19.3978 20.3954L16.823 14.8163H13.8979L18.9447 24.9184H19.8716L24.9183 14.8163H21.9727Z" fill="#2FC078"></path> </svg></div><h3 class="heading h5-old mb-12 listen-color-theme">Vector Tiles API</h3><div class="mb-48"><p class="p-regular small">The Mapbox Vector Tiles API serves vector tiles generated from Mapbox Studio styles.</p></div></div><div class="button stroke">Read the docs <span class="arrow">→</span></div></a><a href="https://docs.mapbox.com/api/maps/static-images/" target="_blank" class="card-2 align-start swiper-slide w-inline-block"><div class="position-relative"><div class="flex mb-24 w-embed"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="#E9FAF1"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.1429 13.7143C10.1961 13.7143 9.42859 14.4818 9.42859 15.4286V33.4286C9.42859 34.3753 10.1961 35.1429 11.1429 35.1429H36.8572C37.8039 35.1429 38.5714 34.3753 38.5714 33.4286V15.4286C38.5714 14.4818 37.8039 13.7143 36.8572 13.7143H11.1429ZM33.4286 19.2857C33.4286 20.4692 32.4692 21.4286 31.2858 21.4286C30.1023 21.4286 29.1429 20.4692 29.1429 19.2857C29.1429 18.1022 30.1023 17.1429 31.2858 17.1429C32.4692 17.1429 33.4286 18.1022 33.4286 19.2857ZM19.9169 20.7324C20.2365 20.2352 20.9516 20.2031 21.3145 20.6697L25.9726 26.6587C26.2901 27.0669 26.894 27.1031 27.258 26.7358L29.2321 24.7439C29.6133 24.3593 30.2512 24.4202 30.5528 24.8699L34.2479 30.3797C34.6298 30.9492 34.2216 31.7143 33.536 31.7143H14.4271C13.749 31.7143 13.3394 30.9641 13.7061 30.3936L19.9169 20.7324Z" fill="#2FC078"></path> </svg></div><h3 class="heading h5-old mb-12 listen-color-theme">Static Images API</h3><div class="mb-48"><p class="p-regular small">The Mapbox Static Images API returns static images generated from vector map styles.</p></div></div><div class="button stroke">Read the docs <span class="arrow">→</span></div></a><a href="https://docs.mapbox.com/api/maps/raster-tiles/" target="_blank" class="card-2 align-start swiper-slide w-inline-block"><div class="position-relative"><div class="flex mb-24 w-embed"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="#E9FAF1"></path> <path d="M36 11.1429C36.4734 11.1429 36.8571 11.5266 36.8571 12V17.6326C36.8571 18.106 36.4734 18.4898 36 18.4898H30.3673C29.8939 18.4898 29.5102 18.106 29.5102 17.6326V12C29.5102 11.5266 29.8939 11.1429 30.3673 11.1429H36Z" fill="#2FC078"></path> <path d="M12 29.5102C11.5266 29.5102 11.1428 29.894 11.1428 30.3673V36C11.1428 36.4734 11.5266 36.8571 12 36.8571H17.6326C18.106 36.8571 18.4898 36.4734 18.4898 36V30.3673C18.4898 29.894 18.106 29.5102 17.6326 29.5102H12Z" fill="#2FC078"></path> <path d="M21.1836 29.5102C20.7103 29.5102 20.3265 29.894 20.3265 30.3673V36C20.3265 36.4734 20.7102 36.8571 21.1836 36.8571H26.8163C27.2897 36.8571 27.6734 36.4734 27.6734 36V30.3673C27.6734 29.894 27.2897 29.5102 26.8163 29.5102H21.1836Z" fill="#2FC078"></path> <path d="M36.8571 21.1837C36.8571 20.7103 36.4734 20.3265 36 20.3265H30.3673C29.8939 20.3265 29.5102 20.7103 29.5102 21.1837V26.8163C29.5102 27.2897 29.8939 27.6735 30.3673 27.6735H36C36.4734 27.6735 36.8571 27.2897 36.8571 26.8163V21.1837Z" fill="#2FC078"></path> <path d="M36 29.5102C36.4734 29.5102 36.8571 29.894 36.8571 30.3673V36C36.8571 36.4734 36.4734 36.8571 36 36.8571H30.3673C29.8939 36.8571 29.5102 36.4734 29.5102 36V30.3673C29.5102 29.894 29.8939 29.5102 30.3673 29.5102H36Z" fill="#2FC078"></path> <path d="M17.9605 15.885H19.8236C20.8623 15.885 21.4724 16.5362 21.4724 17.4545C21.4724 18.4063 20.8623 19.0408 19.8236 19.0408H17.9605V15.885Z" fill="#2FC078"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.1428 12C11.1428 11.5266 11.5266 11.1429 12 11.1429H26.8163C27.2897 11.1429 27.6734 11.5266 27.6734 12V26.8163C27.6734 27.2897 27.2897 27.6735 26.8163 27.6735H12C11.5266 27.6735 11.1428 27.2897 11.1428 26.8163V12ZM24.9183 24.9184L21.8351 20.5937C23.0058 20.0093 23.7477 18.8738 23.7477 17.4545C23.7477 15.3006 22.1154 13.898 19.8236 13.898H15.7347V24.9184H17.9605V21.0278H19.5928L22.4122 24.9184H24.9183Z" fill="#2FC078"></path> </svg></div><h3 class="heading h5-old mb-12 listen-color-theme">Raster Tiles API</h3><div class="mb-48"><p class="p-regular small">The Mapbox Raster Tiles API serves raster tiles generated from satellite imagery tilesets and tilesets generated from raster data uploaded to Mapbox.com.</p></div></div><div class="button stroke">Read the docs <span class="arrow">→</span></div></a><a href="https://docs.mapbox.com/api/maps/static-tiles/" target="_blank" class="card-2 align-start swiper-slide w-inline-block"><div class="position-relative"><div class="flex mb-24 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"> <path d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="#E9FAF1"></path> <path d="M11.1428 30.4286C11.1428 29.9214 11.554 29.5102 12.0612 29.5102H17.5714C18.0786 29.5102 18.4898 29.9214 18.4898 30.4286V35.9388C18.4898 36.446 18.0786 36.8571 17.5714 36.8571H12.0612C11.554 36.8571 11.1428 36.446 11.1428 35.9388V30.4286Z" fill="#2FC078"></path> <path d="M20.3265 30.4286C20.3265 29.9214 20.7377 29.5102 21.2449 29.5102H26.7551C27.2623 29.5102 27.6734 29.9214 27.6734 30.4286V35.9388C27.6734 36.446 27.2623 36.8571 26.7551 36.8571H21.2449C20.7377 36.8571 20.3265 36.446 20.3265 35.9388V30.4286Z" fill="#2FC078"></path> <path d="M35.9387 11.1429C36.4459 11.1429 36.8571 11.554 36.8571 12.0612V17.5714C36.8571 18.0786 36.4459 18.4898 35.9387 18.4898H30.4285C29.9213 18.4898 29.5102 18.0786 29.5102 17.5714V12.0612C29.5102 11.554 29.9213 11.1429 30.4285 11.1429L35.9387 11.1429Z" fill="#2FC078"></path> <path d="M35.9387 20.3265C36.4459 20.3265 36.8571 20.7377 36.8571 21.2449V26.7551C36.8571 27.2623 36.4459 27.6735 35.9387 27.6735H30.4285C29.9213 27.6735 29.5102 27.2623 29.5102 26.7551V21.2449C29.5102 20.7377 29.9213 20.3265 30.4285 20.3265H35.9387Z" fill="#2FC078"></path> <path d="M35.9387 29.5102C36.4459 29.5102 36.8571 29.9214 36.8571 30.4286V35.9388C36.8571 36.446 36.4459 36.8571 35.9387 36.8571H30.4285C29.9213 36.8571 29.5102 36.446 29.5102 35.9388V30.4286C29.5102 29.9214 29.9213 29.5102 30.4285 29.5102H35.9387Z" fill="#2FC078"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0612 11.1429C11.554 11.1429 11.1428 11.554 11.1428 12.0612V26.7551C11.1428 27.2623 11.554 27.6735 12.0612 27.6735H26.7551C27.2623 27.6735 27.6734 27.2623 27.6734 26.7551V12.0612C27.6734 11.554 27.2623 11.1429 26.7551 11.1429H12.0612ZM15.8537 16.9109C15.8537 15.0741 17.4694 13.898 19.5782 13.898C21.3639 13.898 22.6224 14.7519 23.2857 15.9119L21.7211 17.0559C21.1768 16.2825 20.4966 15.8314 19.5782 15.8314C18.8299 15.8314 18.1836 16.1536 18.1836 16.8625C18.1836 17.4748 18.6768 17.7325 19.4932 18.087L20.7687 18.6187C22.5374 19.3598 23.5408 20.2138 23.5408 21.7283C23.5408 23.71 21.8401 24.9184 19.6122 24.9184C17.6734 24.9184 16.1088 23.9839 15.2755 22.5661L16.8571 21.4382C17.4694 22.2438 18.2687 22.985 19.6122 22.985C20.5986 22.985 21.2108 22.5499 21.2108 21.8088C21.2108 21.116 20.6666 20.8743 19.7823 20.4876L18.5748 19.9721C16.9762 19.2793 15.8537 18.4092 15.8537 16.9109Z" fill="#2FC078"></path> </svg></div><h3 class="heading h5-old mb-12 listen-color-theme">Static Tiles API</h3><div class="mb-48"><p class="p-regular small">The Mapbox Static Tiles API returns raster tiles generated from Mapbox Studio styles that can be used with web mapping libraries like Mapbox.js, Leaflet, or OpenLayers to make slippy maps.</p></div></div><div class="button stroke">Read the docs <span class="arrow">→</span></div></a><a href="https://docs.mapbox.com/api/maps/styles/" target="_blank" class="card-2 align-start swiper-slide w-inline-block"><div class="position-relative"><div class="flex mb-24 w-embed"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="24" fill="#E9FAF1"></circle> <path d="M35.2894 16.2088C31.6022 10.7946 24.3185 8.76809 18.3646 11.4903C14.8285 13.0934 12.2294 15.9971 10.9903 19.6569C9.78134 23.2563 10.144 27.2489 11.9574 30.576C14.2845 34.8106 18.7273 37.5631 23.5629 37.7143H23.6234C24.1976 37.7143 24.7416 37.5026 25.1345 37.1094C25.5879 36.6859 25.8296 36.1112 25.8296 35.5063L25.9203 28.852C25.9203 28.4588 26.1923 28.2773 26.283 28.2168C26.4039 28.1563 26.6759 28.0353 27.0083 28.247L32.66 31.7859C33.1738 32.1186 33.7782 32.2094 34.3525 32.0581C34.9569 31.9069 35.4405 31.5439 35.7729 30.9995C38.5232 26.3415 38.3419 20.6853 35.2894 16.2088ZM14.0125 21.139C14.3148 20.1409 15.2214 19.4755 16.249 19.4755C16.4606 19.4755 16.6721 19.5057 16.8837 19.5662C18.1228 19.9292 18.8179 21.2298 18.4553 22.4396C18.2739 23.0446 17.8811 23.5285 17.337 23.831C17.0046 24.0125 16.6117 24.1032 16.2188 24.1032C16.0072 24.1032 15.7654 24.073 15.5539 24.0125C14.9494 23.831 14.4659 23.4378 14.1636 22.8933C13.9219 22.3489 13.8312 21.7137 14.0125 21.139ZM18.0322 30.1526C17.6695 30.3341 17.3068 30.4248 16.9139 30.4248C16.0979 30.4248 15.2819 30.0014 14.889 29.2149C14.2845 28.0958 14.6774 26.6742 15.7957 26.0693C16.9139 25.4643 18.3344 25.8575 18.9388 26.9767C19.5735 28.126 19.1504 29.5476 18.0322 30.1526ZM21.3264 18.8705C20.9638 19.052 20.6011 19.1427 20.2082 19.1427C19.3922 19.1427 18.5762 18.7193 18.1833 17.9329C17.881 17.3884 17.8206 16.7532 18.0019 16.1786C18.1833 15.5736 18.5762 15.0897 19.1202 14.7872C19.6642 14.4847 20.2989 14.4242 20.8731 14.6057C21.4775 14.7872 21.9611 15.1804 22.2634 15.7249C22.8678 16.844 22.4447 18.2656 21.3264 18.8705ZM28.7613 16.7835C28.459 17.7816 27.5523 18.4471 26.5248 18.4471C26.3132 18.4471 26.1016 18.4168 25.8901 18.3563C24.651 17.9934 23.9558 16.6928 24.3185 15.4829C24.4998 14.8779 24.8927 14.394 25.4367 14.0915C25.9808 13.7891 26.6154 13.7286 27.1897 13.91C27.7941 14.0915 28.2777 14.4847 28.5799 15.0292C28.8821 15.5736 28.9426 16.2088 28.7613 16.7835ZM33.748 20.7761C33.5667 21.381 33.1738 21.865 32.6298 22.1674C32.2671 22.3489 31.9044 22.4396 31.5115 22.4396C30.6955 22.4396 29.9097 22.0162 29.4866 21.2298C29.1844 20.6853 29.1239 20.0501 29.3053 19.4755C29.4866 18.8705 29.8795 18.3866 30.4235 18.0841C30.9675 17.7816 31.6022 17.7211 32.1764 17.9026C32.7809 18.0841 33.2644 18.4773 33.5667 19.0218C33.8387 19.5662 33.8991 20.2014 33.748 20.7761Z" fill="#2FC078"></path> </svg></div><h3 class="heading h5-old mb-12 listen-color-theme">Styles API</h3><div class="mb-48"><p class="p-regular small">The Mapbox Styles API lets you read and change map styles, fonts, and images.</p></div></div><div class="button stroke">Read the docs <span class="arrow">→</span></div></a><a href="https://docs.mapbox.com/api/maps/tilequery/" target="_blank" class="card-2 align-start swiper-slide w-inline-block"><div class="position-relative"><div class="flex mb-24 w-embed"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="24" fill="#E9FAF1"></circle> <path d="M17.2294 12.9107L6.41382 24.3025L17.2294 35.6943L28.051 24.3025L17.2294 12.9107Z" fill="#2FC078"></path> <path d="M26.7483 12.8571L37.6212 24.3023L26.7483 35.7475L30.2714 35.7475L41.1428 24.3023L30.2714 12.8571L26.7483 12.8571Z" fill="#2FC078"></path> <path d="M20.2077 12.8571L22.4865 15.2559L31.0806 24.3023L22.4865 33.3488L20.2077 35.7475L23.7293 35.7475L34.6022 24.3023L23.7293 12.8571L20.2077 12.8571Z" fill="#2FC078"></path> </svg></div><h3 class="heading h5-old mb-12 listen-color-theme">Tilequery API</h3><div class="mb-48"><p class="p-regular small">The Mapbox Tilequery API allows you to retrieve data about specific features from a vector tileset.</p></div></div><div class="button stroke">Read the docs <span class="arrow">→</span></div></a><a href="https://docs.mapbox.com/api/maps/uploads/" target="_blank" class="card-2 align-start swiper-slide w-inline-block"><div class="position-relative"><div class="flex mb-24 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"> <path d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="#E9FAF1"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M36 20.1532L36 20.1429C36 15.1723 31.9706 11.1429 27 11.1429C23.5833 11.1429 20.6112 13.0468 19.087 15.8516C18.2433 15.0578 17.107 14.5714 15.8571 14.5714C13.2535 14.5714 11.1429 16.6821 11.1429 19.2857C11.1429 19.5729 11.1685 19.8542 11.2177 20.1272C8.18248 21.1648 6 24.0418 6 27.4286C6 31.3993 9.00004 34.6694 12.8571 35.0958V35.1429H33.4286C37.6891 35.1429 41.1429 31.689 41.1429 27.4286C41.1429 24.0697 38.9962 21.2122 36 20.1532ZM22.9163 19.6334C23.2588 19.2276 23.8841 19.2276 24.2265 19.6334L29.4336 25.8043C29.9039 26.3616 29.5077 27.2143 28.7785 27.2143H26.5714V35.1428H20.5714V27.2143H18.3643C17.6351 27.2143 17.239 26.3616 17.7092 25.8043L22.9163 19.6334Z" fill="#2FC078"></path> </svg></div><h3 class="heading h5-old mb-12 listen-color-theme">Uploads API</h3><div class="mb-48"><p class="p-regular small">The Mapbox Uploads API transforms geographic data into tilesets that can be used with maps and geographic applications.</p></div></div><div class="button stroke">Read the docs <span class="arrow">→</span></div></a><a href="https://docs.mapbox.com/api/maps/mapbox-tiling-service/" target="_blank" class="card-2 align-start swiper-slide w-inline-block"><div class="position-relative"><div class="flex mb-24 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"> <circle cx="24" cy="24" r="24" fill="#E9FAF1"></circle> <path d="M13.2 14.0572C13.2 13.5838 13.5837 13.2 14.0571 13.2H21.9428C22.4162 13.2 22.8 13.5838 22.8 14.0572V21.9429C22.8 22.4163 22.4162 22.8 21.9428 22.8H14.0571C13.5837 22.8 13.2 22.4163 13.2 21.9429V14.0572Z" fill="#2FC078"></path> <path d="M13.2 26.0572C13.2 25.5838 13.5837 25.2 14.0571 25.2H21.9428C22.4162 25.2 22.8 25.5838 22.8 26.0572V33.9429C22.8 34.4163 22.4162 34.8 21.9428 34.8H14.0571C13.5837 34.8 13.2 34.4163 13.2 33.9429V26.0572Z" fill="#2FC078"></path> <path d="M25.2 14.0572C25.2 13.5838 25.5837 13.2 26.0571 13.2H33.9428C34.4162 13.2 34.8 13.5838 34.8 14.0572V21.9429C34.8 22.4163 34.4162 22.8 33.9428 22.8H26.0571C25.5837 22.8 25.2 22.4163 25.2 21.9429V14.0572Z" fill="#2FC078"></path> <path d="M25.2 26.0572C25.2 25.5838 25.5837 25.2 26.0571 25.2H33.9428C34.4162 25.2 34.8 25.5838 34.8 26.0572V33.9429C34.8 34.4163 34.4162 34.8 33.9428 34.8H26.0571C25.5837 34.8 25.2 34.4163 25.2 33.9429V26.0572Z" fill="#2FC078"></path> </svg></div><h3 class="heading h5-old mb-12 listen-color-theme">Tiling Service API</h3><div class="mb-48"><p class="p-regular small">Mapbox Tiling Service (MTS) supports reading metadata for raster and vector tilesets as well as creating and reading tileset sources, recipes, and vector tilesets.</p></div></div><div class="button stroke">Read the docs <span class="arrow">→</span></div></a><a href="https://docs.mapbox.com/api/maps/datasets/" target="_blank" class="card-2 align-start swiper-slide w-inline-block"><div class="position-relative"><div class="flex mb-24 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"> <path d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="#E9FAF1"></path> <path d="M15.4111 12.3386C17.6682 11.5862 20.7047 11.1429 23.9997 11.1429C27.2948 11.1429 30.3313 11.5862 32.5884 12.3386C33.7103 12.7125 34.7109 13.1862 35.4575 13.7745C36.1895 14.3515 36.8567 15.1903 36.8567 16.2857C36.8567 16.3303 36.8556 16.3744 36.8534 16.4181C36.8545 16.9627 36.8571 18.2985 36.8571 18.8571C36.8571 19.9491 36.1973 20.7883 35.4659 21.3678C34.7217 21.9576 33.7237 22.4316 32.6036 22.8055C30.3501 23.5578 27.3131 23.9999 24.0002 23.9999C20.6873 23.9999 17.6503 23.5578 15.3968 22.8055C14.2766 22.4316 13.2787 21.9576 12.5345 21.3678C11.8031 20.7883 11.1433 19.9491 11.1433 18.8571C11.1433 18.147 11.1428 16.2857 11.1428 16.2857C11.1428 15.1903 11.81 14.3515 12.542 13.7745C13.2886 13.1862 14.2892 12.7125 15.4111 12.3386Z" fill="#2FC078"></path> <path d="M11.2009 22.1628C11.1632 22.3387 11.1428 22.5225 11.1428 22.7141C11.1428 22.7141 11.1433 24.5755 11.1433 25.2855C11.1433 26.3776 11.8031 27.2167 12.5345 27.7963C13.2787 28.386 14.2766 28.86 15.3968 29.234C17.6503 29.9863 20.6873 30.4283 24.0002 30.4283C27.3131 30.4283 30.3501 29.9863 32.6036 29.234C33.7237 28.86 34.7217 28.386 35.4659 27.7963C36.1973 27.2167 36.8571 26.3776 36.8571 25.2855C36.8571 24.727 36.8545 23.3911 36.8534 22.8466C36.8556 22.8029 36.8567 22.7587 36.8567 22.7141C36.8567 22.5232 36.8364 22.3401 36.7991 22.1649C36.6228 22.9913 36.0687 23.6453 35.4659 24.1229C34.7217 24.7126 33.7237 25.1866 32.6036 25.5606C30.3501 26.3129 27.3131 26.7549 24.0002 26.7549C20.6873 26.7549 17.6503 26.3129 15.3968 25.5606C14.2766 25.1866 13.2787 24.7126 12.5345 24.1229C11.9312 23.6449 11.3767 22.9903 11.2009 22.1628Z" fill="#2FC078"></path> <path d="M11.1428 29.143C11.1428 28.9513 11.1632 28.7676 11.2009 28.5917C11.3767 29.4191 11.9312 30.0737 12.5345 30.5517C13.2787 31.1415 14.2766 31.6155 15.3968 31.9894C17.6503 32.7417 20.6873 33.1838 24.0002 33.1838C27.3131 33.1838 30.3501 32.7417 32.6036 31.9894C33.7237 31.6155 34.7217 31.1415 35.4659 30.5517C36.0687 30.0741 36.6228 29.4202 36.7991 28.5937C36.8364 28.769 36.8567 28.9521 36.8567 29.143C36.8567 29.1876 36.8556 29.2317 36.8534 29.2754C36.8545 29.82 36.8571 31.1558 36.8571 31.7144C36.8571 32.8064 36.1973 33.6455 35.4659 34.2251C34.7217 34.8149 33.7237 35.2889 32.6036 35.6628C30.3501 36.4151 27.3131 36.8572 24.0002 36.8572C20.6873 36.8572 17.6503 36.4151 15.3968 35.6628C14.2766 35.2889 13.2787 34.8149 12.5345 34.2251C11.8031 33.6455 11.1433 32.8064 11.1433 31.7144C11.1433 31.0043 11.1428 29.143 11.1428 29.143Z" fill="#2FC078"></path> </svg></div><h3 class="heading h5-old mb-12 listen-color-theme">Datasets API</h3><div class="mb-48"><p class="p-regular small">The Mapbox Datasets API offers persistent storage for custom geographic data.</p></div></div><div class="button stroke">Read the docs <span class="arrow">→</span></div></a><a href="https://docs.mapbox.com/api/maps/fonts/" target="_blank" class="card-2 align-start swiper-slide w-inline-block"><div class="position-relative"><div class="flex mb-24 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"> <path d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="#E9FAF1"></path> <path d="M17.9656 26.9143H21.7542L19.8685 22.2343L17.9656 26.9143Z" fill="#2FC078"></path> <path d="M27.5503 28.0457C27.5503 28.7829 28.2018 29.16 29.0246 29.16C30.2075 29.16 31.2018 28.32 31.2018 27.1714V27.0171H29.0418C28.0818 27.0171 27.5503 27.36 27.5503 28.0457Z" fill="#2FC078"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.1428 12C10.196 12 9.42847 12.7675 9.42847 13.7143V33.4286C9.42847 34.3753 10.196 35.1429 11.1428 35.1429H36.857C37.8038 35.1429 38.5713 34.3753 38.5713 33.4286V16.2857C38.5713 15.3389 37.8038 14.5714 36.857 14.5714H19.2314C18.7226 14.5714 18.2401 14.3454 17.9144 13.9546L16.7996 12.6168C16.4739 12.226 15.9914 12 15.4827 12H11.1428ZM25.1656 30.36H23.2113L22.4056 28.4743H17.3142L16.5085 30.36H14.5713L19.5599 18.8571H20.177L25.1656 30.36ZM26.0246 23.5543C26.8989 22.32 28.1503 21.7543 29.5732 21.7543C31.5961 21.7543 33.0189 22.9371 33.0189 25.2686V30.36H31.3389V29.4171C30.7389 30.1371 29.8132 30.5486 28.6475 30.5486C26.8818 30.5486 25.7161 29.5714 25.7161 28.1143C25.7161 26.64 26.9332 25.7143 28.8189 25.7143H31.2018V25.1657C31.2018 24 30.5503 23.3657 29.4018 23.3657C28.4246 23.3657 27.7389 23.8286 27.0703 24.6171L26.0246 23.5543Z" fill="#2FC078"></path> </svg></div><h3 class="heading h5-old mb-12 listen-color-theme">Fonts API</h3><div class="mb-48"><p class="p-regular small">The Mapbox Fonts API provides you with a programmatic way to interact with fonts in your map styles.</p></div></div><div class="button stroke">Read the docs <span class="arrow">→</span></div></a></div><div class="flex-swiper"><div class="flex-icon w-embed"><svg class="swiper-button-prev" width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle r="21" transform="matrix(-1 0 0 1 21 21)" fill="#ECEFF5"></circle> <path d="M23 30L14.5147 21.5147L23 13.0294" stroke="#8B96AA" stroke-width="2" stroke-linecap="round"></path> </svg></div><div class="flex-icon w-embed"><svg class="swiper-button-next" width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle r="21" transform="matrix(1 1.74846e-07 1.74846e-07 -1 21 21)" fill="#ECEFF5"></circle> <path d="M19 12L27.4853 20.4853L19 28.9706" stroke="#8B96AA" stroke-width="2" stroke-linecap="round"></path> </svg></div></div></div></div><div class="u_sctn"><div class="container w-container"><div class="u_cnt_wrapper mb40 align-cntr limit"><div class="mb-20"><h2 class="heading h2-old">The simplest way to show a map on your <br>website or mobile application.</h2></div><p class="p-regular large">No need to learn, load or use a complex mapping library or SDK. You can use Mapbox Static Maps to create fast, fully-featured maps with just a few lines of code and oftentimes just an HTML image tag. Try this out now with our newly updated <a href="https://docs.mapbox.com/playground/static/" target="_blank" class="link-medium">Playground</a>.</p></div><div class="mb-60"><div class="static-maps-video-wrap-out"><div class="static-maps-video-wrap"><div class="video-3 w-embed w-iframe"><iframe src="https://player.vimeo.com/video/524337880?background=1" width="100%" height="100%" frameborder="0" allow="autoplay; fullscreen" allowfullscreen=""></iframe></div></div></div></div><div class="u_cnt_wrapper"><div class="u_cms-wrap"><div class="u_grid_4"><div class="u_cms-item"><a href="https://docs.mapbox.com/help/glossary/static-images-api/" target="_blank" class="nav_api-item w-inline-block"><div class="nav_api-item-in"><div><div class="mb-10"><h4 class="heading h5-old">API</h4></div><p class="p-regular small">Request standalone, static map images of up to 1280x1280 pixels.</p></div><div class="u_more-wrap"><div><strong>Static Images API</strong></div><div><span class="u_more-arr"> →</span></div></div></div></a></div><div id="w-node-cfae2bbb-d6aa-689c-ef09-142c37f614d0-c59082b9" class="u_cms-item"><a href="https://docs.mapbox.com/mapbox.js/api/" target="_blank" class="nav_api-item w-inline-block"><div class="nav_api-item-in"><div><div class="mb-10"><h4 class="heading h5-old">JS</h4></div><p class="p-regular small">Plugin for the mapping library Leaflet and a JavaScript wrapper to the Mapbox Static Tiles API. This library is used to create raster-based slippy maps with simple data overlays.</p></div><div class="u_more-wrap"><div><strong>Mapbox.js</strong></div><div><span class="u_more-arr"> →</span></div></div></div></a></div><div id="w-node-e272b17a-29ce-5ba2-ea11-d57dad33a4ae-c59082b9" class="u_cms-item"><a href="https://github.com/mapbox/MapboxStatic.swift" target="_blank" class="nav_api-item w-inline-block"><div class="nav_api-item-in"><div><div class="mb-10"><h4 class="heading h5-old">iOS</h4></div><p class="p-regular small">Swift wrapper to the Mapbox Static Images API. This library can be used to create stand-alone map images and data overlays in Swift-based iOS applications.tristique posuere.</p></div><div class="u_more-wrap"><div><strong>MapboxStatic.swift</strong></div><div><span class="u_more-arr"> →</span></div></div></div></a></div><div id="w-node-d5b5e8e8-3b15-6e82-a93d-13340572771f-c59082b9" class="u_cms-item"><a href="https://docs.mapbox.com/android/java/guides/static-image/" target="_blank" class="nav_api-item w-inline-block"><div class="nav_api-item-in"><div><div class="mb-10"><h4 class="heading h5-old">Android</h4></div><p class="p-regular small">Java wrapper to many Mapbox APIs, including the Static Images API. This library can be used to create stand-alone map images and data overlays in Java-based Android applications.</p></div><div class="u_more-wrap"><div><strong>Mapbox Java SDK</strong></div><div><span class="u_more-arr"> →</span></div></div></div></a></div></div></div></div></div></div><div class="u_sctn light-blue"><div class="container w-container"><div class="u_flex"><div class="u_bnft-grid"><div class="u_bnft-card-10"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a20_1.svg" alt="" class="u_bnft-icon m_img-center"><div class="mb-10"><h4 class="heading h5-old">Delivery tracking<br></h4></div><p class="p-regular small">Send your users delivery updates that include geographically contextual information on where their packages are.</p></div><div class="u_bnft-card-10"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a3c_3.svg" alt="" class="u_bnft-icon m_img-center _2"><div class="mb-10"><h4 class="heading h5-old">Mobile notifications<br></h4></div><p class="p-regular small">Create contextually personalized notifications. When combined with a customized map style, notifications go from a single line of text that’s likely to get lost in a sea of notifications to a relevant image that encourages users to click.<br></p></div><div class="u_bnft-card-10"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a36_2.svg" alt="" class="u_bnft-icon m_img-center _3"><div class="mb-10"><h4 class="heading h5-old">Online receipts<br></h4></div><p class="p-regular small">Help build trust with your users by giving them an accurate overview of where their purchase took place.<br></p></div></div></div><div class="u_flex"><div class="u_flex-col u_flex-first"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a37_Callout_2.jpg" width="600" alt="" class="u_flex-img"></div><div class="u_flex-space"></div><div class="u_flex-col u_flex-last"><div class="mb-16"><h2 class="heading h3-old">Fallback for browsers that don’t support WebGL</h2></div><p class="p-regular large">Use Mapbox.js to provide a consistent fallback experience when a user accesses your map from a browser that does not support WebGL. See how to do this <a href="https://docs.mapbox.com/help/tutorials/use-mapbox-js-as-fallback/" target="_blank" class="link-medium">here</a>.<br></p></div></div><div class="u_flex"><div class="u_flex-col u_flex-last"><div class="mb-16"><h2 class="heading h3-old">Improve perceived performance of web maps</h2></div><p class="p-regular large">Use a static image as a quick placeholder while waiting for a GL map to initialize. This allows you to immediately show a user something relevant while your interactive map loads. See a step-by-step tutorial for how to do this <a href="https://docs.mapbox.com/help/tutorials/improve-perceived-performance-with-static/" target="_blank" class="link-medium">here</a>.<br></p></div><div class="u_flex-space"></div><div class="u_flex-col u_flex-first"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a3d_perfomance2.jpg" width="600" alt="" class="u_flex-img"></div></div><div class="u_flex"><div class="u_flex-col u_flex-first"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a42_im_Maps%20Internationalization.png" width="600" alt="" class="u_flex-img"></div><div class="u_flex-space"></div><div class="u_flex-col u_flex-last"><div class="mb-16"><h2 class="heading h3-old">Localize your static maps with internationalization</h2></div><div class="mb-24"><p class="p-regular large">Reduce custom styles, save time, and deliver static maps to a global audience based on the system level settings for local language and worldview. 34 languages and eight worldviews supported. Internationalization is currently in Private Preview. If you’d like access to the feature please reach out to your Account Manager or <a href="https://www.mapbox.com/contact/sales/" class="link-9">contact us</a>.<br></p></div><a href="https://www.mapbox.com/blog/maps-internationalization-34-languages" class="link-9 xl">Read more <span class="u_more-arr">→</span></a></div></div></div></div><div class="u_sctn super-light-blue"><div class="container w-container"><div data-delay="4000" data-animation="cross" class="slider-4 cases w-slider" data-autoplay="false" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="6" data-duration="500" data-infinite="true"><div class="mb-20"><h2 class="heading h2-old">Use Cases</h2></div><div class="mask w-slider-mask"><div class="slide-2 w-slide"><div class="slider-wrapper case"><img src="https://cdn.prod.website-files.com/5def5247146d40b977b337a3/5df0f90103a0839866ca506a_srava.svg" height="50" alt="" class="showcase-logo-2"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a26_Strava.jpg" width="899" sizes="(max-width: 479px) 92vw, (max-width: 767px) 95vw, (max-width: 1279px) 76vw, 880px" srcset="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a26_Strava-p-500.jpeg 500w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a26_Strava-p-800.jpeg 800w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a26_Strava-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a26_Strava.jpg 1600w" alt="" class="case-image"><p class="p-regular large">Strava uses the Static Images API to transform their text-based news feed into a dynamic activity feed with maps that show summaries of users' actions and encourage others to get active.<br></p></div></div><div class="slide-2 w-slide"><div class="slider-wrapper case"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a2d_yahoo-logo.png" height="50" alt="" class="showcase-logo-2"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a2f_Yahoo_jp.jpg" width="899" sizes="(max-width: 479px) 92vw, (max-width: 767px) 95vw, (max-width: 1279px) 76vw, 880px" srcset="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a2f_Yahoo_jp-p-500.jpeg 500w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a2f_Yahoo_jp-p-800.jpeg 800w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a2f_Yahoo_jp-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a2f_Yahoo_jp.jpg 1600w" alt="" class="case-image"><p class="p-regular large">Yahoo! Japan uses the Static Tiles API to deliver a performant and customized map experience for their users regardless of what device or browser they’re using.<br></p></div></div><div class="slide-2 w-slide"><div class="slider-wrapper case"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a34_buzzfeed-logo.png" height="50" alt="" class="showcase-logo-2"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a21_Buzzfeed.jpg" width="899" sizes="(max-width: 479px) 92vw, (max-width: 767px) 95vw, (max-width: 1279px) 76vw, 880px" srcset="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a21_Buzzfeed-p-500.jpeg 500w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a21_Buzzfeed-p-800.jpeg 800w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a21_Buzzfeed-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/660a80f2d4cb0876d0b08a21_Buzzfeed.jpg 1600w" alt="" class="case-image"><p class="p-regular large">Buzzfeed uses the Static Images API to explore data and unearth journalistic insight that can be used in articles across both web and print.<br></p></div></div></div><div data-w-id="814b04c3-f1f9-ed6c-9d67-b8f88743db08" class="left-arrow-2 w-slider-arrow-left"><img src="https://cdn.prod.website-files.com/5e832e12eb7ca02ee9064d42/5e84aa870c8566a528732679_left-slider-arrow.svg" alt="" class="slider-arrow-image"></div><div data-w-id="814b04c3-f1f9-ed6c-9d67-b8f88743db0a" class="right-arrow-7 w-slider-arrow-right"><img src="https://cdn.prod.website-files.com/5e832e12eb7ca02ee9064d42/5e84aaab359d4cce17b9a373_right-slider-arrow.svg" alt="" class="slider-arrow-image"></div><div class="slide-nav-7 light w-slider-nav w-slider-nav-invert w-round"></div></div></div></div><div class="u_sctn overflow-hidden"><div class="container w-container"><div class="p-wrap mb40"><div class="mb-16"><h2 class="heading h2-old">What's new</h2></div><p class="p-regular large">Discover the latest features in Movement Data</p></div><div class="dev-slider-wrap-out"><div class="cms-slider-wrap"><div class="owl-carousel is_movement"><div class="cms-slider-item-wrap"><a href="https://www.mapbox.com/blog/maps-internationalization-34-languages" class="slider-card w-inline-block"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6610d98d1f23814c6eee3a8c_643030d681becc4083aabf9f_Screen%20Shot%202023-04-07%20at%2011.02.28%20AM-p-500.png" loading="lazy" alt="" class="slider-card-img"><div class="slider-card-in"><div class="mb16"><div class="mb-12"><div class="p-regular small">November 30, 2022</div></div><h3 class="p-regular large">Dynamically localize your maps with Mapbox Maps Internationalization</h3></div><div class="u_more-wrap"><div>Read more <span class="u_more-arr">→</span></div></div></div></a></div><div class="cms-slider-item-wrap"><a href="https://www.mapbox.com/blog/using-static-maps" class="slider-card w-inline-block"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6610d98d528f7866d004e0f5_5ebad597b04f6504f574fe70_static-p-500.png" loading="lazy" alt="" class="slider-card-img"><div class="slider-card-in"><div class="mb16"><div class="mb-12"><div class="p-regular small">October 18, 2022</div></div><h3 class="p-regular large">Why & when to use Static Maps</h3></div><div class="u_more-wrap"><div>Read more <span class="u_more-arr">→</span></div></div></div></a></div><div class="cms-slider-item-wrap"><a href="https://blog.mapbox.com/generate-gradient-lines-with-the-static-image-api-368eb28068a3" target="_blank" class="slider-card w-inline-block"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6610d98da8aa6f45ee240b75_5e95cd27372a48f76cd2ffe2_3.jpg" loading="lazy" alt="" sizes="(max-width: 767px) 85vw, (max-width: 991px) 89vw, (max-width: 1439px) 90vw, 1230px" srcset="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6610d98da8aa6f45ee240b75_5e95cd27372a48f76cd2ffe2_3-p-500.jpg 500w, https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6610d98da8aa6f45ee240b75_5e95cd27372a48f76cd2ffe2_3.jpg 720w" class="slider-card-img"><div class="slider-card-in"><div class="mb16"><div class="mb-12"><div class="p-regular small">April 13, 2020</div></div><h3 class="p-regular large">Generate gradient lines with the Static Image API</h3></div><div class="u_more-wrap"><div>Read more <span class="u_more-arr">→</span></div></div></div></a></div><div class="cms-slider-item-wrap"><a href="https://blog.mapbox.com/buzzfeed-x-mapbox-mapping-gentrification-using-the-static-images-api-5b39ac284587" target="_blank" class="slider-card w-inline-block"><img src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/6610d98da8099b03858bdbc0_5e95cceae010e938e03b57d2_1-p-500.jpeg" loading="lazy" alt="" class="slider-card-img"><div class="slider-card-in"><div class="mb16"><div class="mb-12"><div class="p-regular small">March 5, 2020</div></div><h3 class="p-regular large">BuzzFeed x Mapbox: Mapping gentrification using the Static Images API</h3></div><div class="u_more-wrap"><div>Read more <span class="u_more-arr">→</span></div></div></div></a></div></div></div><div class="dev-slider-overlay"></div></div></div></div><div class="u_sctn middle"><div class="container w-container"><div data-delay="4000" data-animation="cross" class="slider-4 cases w-slider" data-autoplay="false" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="6" data-duration="500" data-infinite="true"><div class="mb-20"><h2 class="heading h2-old">Use Cases</h2></div><div class="mask w-slider-mask"><div class="slide-2 w-slide"><div class="quote-wrapper in-slider"><h3 class="quote text-align-center">"We use Mapbox Static Tile APIs to enhance our mapping experience. Mapbox technology is a central part of our infrastructure and we found the performance of these APIs to be better than other providers."</h3><h2 class="quoter">James Graham, Head of Engineering at AllTrails</h2></div></div><div class="slide-2 w-slide"><div class="quote-wrapper in-slider"><h3 class="quote text-align-center">"We use Mapbox Static Maps to display the location of a property. It's great because it's faster and smaller to load than the full functioning map library and still provides an excellent user experience."</h3><h2 class="quoter">Evan Dancer, Engineering Manager at Apartment List</h2></div></div></div><div data-w-id="814b04c3-f1f9-ed6c-9d67-b8f88743db39" class="left-arrow-2 w-slider-arrow-left"><img src="https://cdn.prod.website-files.com/5e832e12eb7ca02ee9064d42/5e84aa870c8566a528732679_left-slider-arrow.svg" alt="" class="slider-arrow-image"></div><div data-w-id="814b04c3-f1f9-ed6c-9d67-b8f88743db3b" class="right-arrow-7 w-slider-arrow-right"><img src="https://cdn.prod.website-files.com/5e832e12eb7ca02ee9064d42/5e84aaab359d4cce17b9a373_right-slider-arrow.svg" alt="" class="slider-arrow-image"></div><div class="slide-nav-7 light w-slider-nav w-slider-nav-invert w-round"></div></div></div></div><div class="u_sctn middle"><div class="container w-container"><div class="u_css w-embed"><style> .rich-text h2 { font-weight: 400; } .rich-text h3 { font-weight: 400; } .rich-text h4 { font-weight: 400; } </style></div><div class="mb-64"><h2 class="heading h2-old text-align-center">Frequently Asked Questions</h2></div><div class="faq_accordion-group is-light"><div class="faq_accordion-component"><div class="faq_accordion-header"><h3 class="title large color-blue-50">General</h3></div><div class="faq_accordion-body"><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">What is a static map?</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><p>Mapbox Static Maps is a collection of HTTP APIs and client libraries that generate static images of GL-based map styles as either PNG or JPEG files.</p><p>Static Maps consists of two HTTP APIs:</p><ul role="list"><li><strong>Mapbox Static Images API: </strong>serves standalone, static map images generated from Mapbox Studio styles of up to 1280x1280 pixels. These images can be displayed on web and mobile devices without the aid of a mapping library or API. They look like an embedded map, but do not have interactivity or controls. For styles that contain vector layers, the returned static map will be a PNG, and for styles that contain raster layers, the returned static map will be a JPEG.</li><li><strong>Mapbox Static Tiles API</strong>: serves raster tiles generated from Mapbox Studio styles. Raster tiles can be used in traditional web mapping libraries like Mapbox.js and Leaflet to create interactive slippy maps. The returned raster tile will be a JPEG, and will be 512x512 pixels by default.</li></ul><p>and three client libraries:</p><ul role="list"><li><a href="https://mapbox.com/mapbox.js"><strong>Mapbox.js</strong></a>: a plugin for the mapping library <a href="https://docs.mapbox.com/help/glossary/leaflet/">Leaflet</a> and a JavaScript wrapper to the Static Tiles API. This library is used to create raster-based slippy maps with simple data overlays.</li><li><a href="https://github.com/mapbox/MapboxStatic.swift"><strong>MapboxStatic.swift</strong></a><strong>:</strong> a Swift wrapper to the Static Images API. This library is used to create stand-alone map images and data overlays in Swift-based iOS applications.</li><li><a href="https://docs.mapbox.com/android/java/overview/static-image/"><strong>The Mapbox Java SDK</strong></a><strong>:</strong> a Java wrapper to many Mapbox APIs, including the Static Images API. This library is used to create stand-alone map images and data overlays in Java-based Android applications.</li></ul></div></div></div></div><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">Why are static maps useful?</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><p>The main value propositions for Static Maps are performance and simplicity. You can use Static Maps to create fully-featured maps without very many lines of code and oftentimes with just an HTML image tag. This means you don’t need to learn, load or use a complex mapping library or SDK.</p><p>Static Maps can be displayed anywhere that images might be, including in applications or UI contexts where interactive maps cannot be integrated. These include: emails, app notifications, articles for both web and print, low-power devices, and more.</p></div></div></div></div><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">What are static maps used for?</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><p>Static maps are images that can be used in a wide variety of use cases:</p><ul role="list"><li><strong>Delivery tracking: </strong>send your users delivery updates that include geographically contextual information on where their packages are.</li><li><strong>Online receipts (e.g. for ride-sharing, on-demand delivery, and e-commerce): </strong>help build trust with your users by giving them an accurate overview of where their purchase took place.<strong>‍</strong></li><li><strong>Mobile notifications: create contextually personalized notifications. </strong>When combined with a customized map style, notifications go from a single line of text that’s likely to get lost in a sea of notifications to an intrinsically relevant image that encourages users to click.<strong>‍</strong></li><li><strong>Fitness activity feeds: </strong>transform a text-based news feed into a dynamic activity feed with maps that show users summaries of their actions that encourage others to get active.<strong>‍</strong></li><li><strong>Social media profile maps: </strong>use Static Maps in users’ profile pages to provide contextual info about users that will encourage them to further engage, communicate, and interact with each other <strong>‍</strong></li><li><strong>News maps for web and print: </strong>use Static Maps to create news articles with maps that can be used across both web and print.<strong>‍</strong></li><li>‍<strong>Improve perceived performance of web maps:</strong> use Static Maps to generate a static placeholder while waiting for a GL map to initialize. This allows you to immediately show a user something while your GL map loads. See an example <a href="https://bl.ocks.org/danswick/1c28ea2f36faa3f066104ba5780c3387">here</a>.<strong>‍</strong></li><li><strong>Fallback for browsers that don’t support WebGL: </strong>Use Static Maps to provide a consistent fallback experience when a user accesses your map with a browser that does not support WebGL. See how to do this <a href="https://docs.mapbox.com/help/tutorials/use-mapbox-js-as-fallback/">here</a>.</li></ul></div></div></div></div><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">What is the difference between static maps and dynamic maps?</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><p>Static maps are fixed and do not change based on user interaction or real-time data. They are typically printed on paper or displayed as images in apps and websites. Dynamic maps are interactive maps that can be manipulated and customized by users and can incorporate real-time data feeds to show things like traffic patterns or weather conditions.</p></div></div></div></div><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">How can I use static maps?</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><p>You can read documentation for each component of Mapbox Static Maps below:</p><ul role="list"><li>HTTP: <a href="https://docs.mapbox.com/api/maps/#static-images">Static Images API</a>,<a href="https://docs.mapbox.com/api/maps/#static-tiles">Static Tiles API</a></li><li>JavaScript: <a href="https://docs.mapbox.com/mapbox.js/api/v3.3.0/">Mapbox.js</a></li><li>iOS: <a href="https://github.com/mapbox/MapboxStatic.swift#usage">MapboxStatic.swift</a>‍</li><li>Android: <a href="https://docs.mapbox.com/android/java/overview/static-image/">Mapbox Java SDK</a></li></ul></div></div></div></div><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">Compatibility with other Mapbox Products</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><h3>When should I use Static Maps instead of Mapbox GL JS or the Mapbox Mobile Maps SDKs?</h3><p>Generally, the main reason to use Static Maps over GL is performance—specifically Static Maps is helpful in improving initial perceived render performance for GL-based slippy maps, improving performance of displaying multiple GL contexts on the same page, and/or displaying small maps with simple data overlays. Static Maps can be more performant in these situations because loading multiple or even just one GL map requires work from a CPU/GPU, whereas using Static Maps solely involves more network/HTTP activity for your application.<br></p><p>Additionally, you can use Static Maps to provide a fallback slippy map for browsers and devices that don’t support GL.<br></p><p>Use cases where client-side GL is more favorable to use than Static Maps are described in the Limitations section of this FAQ.</p><p>‍<br></p><h3>What’s the difference between Static Maps and the Mapbox Map Snapshotter for <a href="https://docs.mapbox.com/ios/maps/examples/map-snapshotter/">iOS</a> and <a href="https://docs.mapbox.com/android/maps/overview/snapshotter/">Android</a>?</h3><p>Both Mapbox Static Maps and the Mapbox Map Snapshotter can be used to generate static images of GL-based map styles for use in mobile applications; however, Static Maps generates its images server-side before delivering those images to clients, while the Mapbox Snapshotter generates its images client-side after initializing the Mapbox Maps SDK and requesting the necessary map style(s) and tileset(s).</p><p>‍<br></p><h3>When should I use Static Maps vs the Map Snapshotter?</h3><p>If you want to generate a static image from a GL-based style that is already loaded in your mobile application, then it’s likely more performant to generate your static image client-side using the Map Snapshotter given you will already have all the resources you need locally to generate the static image.<br></p><p>If you want to generate a static image in a part of your mobile application that doesn’t use the Mapbox Maps SDK or that doesn’t already have a GL-based style loaded, then it’s likely more performant to use Static Maps to generate your static image server-side. This is because Static Maps don’t require loading a mapping library like GL or other client-side SDK before being able to generate a map and Static Maps has optimized, low latency access to all the resources needed to render the map. Static Maps can always stay inside the AWS network for getting resources unlike a mobile client which needs to go over the public internet to get resources.</p><p>‍<br></p><h3>What types of map styles is Static Maps compatible with?</h3><p>You can use Static Maps to generate static images of any map styles that follow the <a href="https://docs.mapbox.com/mapbox-gl-js/style-spec">Mapbox GL Style Specification</a>. This includes any styles created in Mapbox Studio or directly with the <a href="https://docs.mapbox.com/help/glossary/styles-api/">Mapbox Styles API v1</a>.</p><p>‍<br></p><h3>How long does it take for changes I make to my map style to be reflected in Static Maps?</h3><p>It can take up to 12 hours for your map changes to be reflected based on the default caching behavior of Static Maps.</p><p>‍<br></p><h3>Are all the styling capabilities in GL JS or Mapbox Studio available with Static Maps?</h3><p>Not initially. While we aim for styling parity between what’s available in GL JS and Mapbox Studio and Static Maps, it can take some time for new styling functionality that’s available in GL JS or Studio to also be available with Static Maps. If you have specific styling functionality you would like to see added to Static Maps, please <a href="https://support.mapbox.com/hc/en-us/requests/new?ticket_form_id=360000291231">let us know</a>.</p></div></div></div></div><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">Comparison with other static map providers</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><h3>How does Mapbox Static Maps compare to other static map providers?</h3><h4>Performance</h4><p>Mapbox is consistently more performant than other static map providers across various regions and use cases. <br></p><p><strong>Overlays</strong>: 100 Markers & Path of 100 Points</p><p><strong>Image Sizes</strong>: Small=180x144, Medium=1280x1024</p><p><strong>Resolution: </strong>Normal, @2x</p><p><strong>Regions</strong>: Los Angeles, London, Frankfurt, Tokyo, Hong Kong</p><figure class="w-richtext-align-normal w-richtext-figure-type-image"><div><img alt="" src="https://cdn.prod.website-files.com/5e83362767d71ffd59a0c8a9/5e95ac72bef5361fd988ba9e_ABMMZ2BofZbnnMFH0O-Ee7yEi6yiOFewc55-fG5t1n42ewqWfzLpD_9S-wTWY8l8FQDmUkAWVKT1yc5lEarQultavxMCY9nF6zeE9VEWdyy6XQV1mjzk9MysO5a4G9Vy8mu8lpvl.png"></div></figure><p>Across different use cases and regions, average load times for Mapbox’s static images are between 100-200ms and 425ms depending on whether the image is already cached or not.</p><p>‍<br></p><h4>Overlay Support</h4><p>Mapbox supports markers, paths with fills, and unlike other providers, GeoJSON overlays on static maps. This enables much more customization and flexibility when adding overlays on static maps. Circles can also be added as an overlay for Static Tiles via extended functionality <a href="https://leafletjs.com/examples/quick-start/">from Leaflet</a>.</p><p>‍<br></p><h4>Dynamic Map Styles</h4><p>Google is the only other static map provider that allows you to change the style of a static map at request time, but that functionality is limited to either hiding a map feature or changing its color. No other static map provider offers the same level of static map customization as <a href="https://docs.mapbox.com/api/maps/#style-parameters">Style Parameters with the Static Images API. </a><br></p><p><strong>addlayer:</strong> use this parameter to add new style layers to your map and change how existing layers are styled. Using this feature, you can do things like change the color of all states or extrude all buildings in their map based on a shared attribute, such as presidential election results or proximity to a flood zone.<br></p><p><strong>setfilter:</strong> this parameter accepts an array value that adheres to Mapbox's <a href="https://docs.mapbox.com/mapbox-gl-js/style-spec/#expressions">expressions</a> syntax. Use this parameter to filter out features from an existing style layer. For example, if you’re building an app that helps people find running, hiking, or mountain biking paths, you can filter out all roads and paths from your map, except for the paths a user needs for the type of activity they are interested in.</p><p>‍<br></p><h4>Image Details</h4><p>Mapbox offers support of PNG and JPEG image formats, at up to @2x resolution, and 1280x1280 max pixel length.<br></p><div class="w-embed"><style type="text/css"> .tg {border-collapse:collapse;border-spacing:0;border-color:#ccc;} .tg td{font-family:Cerapro, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;} .tg th{font-family:Cerapro, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;} .tg .tg-ri2o{color:#485160;border-color:#8a989e;text-align:left;vertical-align:top} .tg .tg-qr46{color:#8a989e;border-color:#8a989e;text-align:left;vertical-align:top} </style> <table class="tg"> <tr> <th class="tg-ri2o">Provider</th> <th class="tg-ri2o">Formats</th> <th class="tg-ri2o">Resolution</th> <th class="tg-ri2o">Max Px Length</th> </tr> <tr> <td class="tg-qr46">Mapbox</td> <td class="tg-qr46">PNG for styles that contain vector layers<br>JPG for styles that contain raster layers</td> <td class="tg-qr46">@2x too</td> <td class="tg-qr46">1280</td> </tr> <tr> <td class="tg-qr46">Apple</td> <td class="tg-qr46">PNG</td> <td class="tg-qr46">@2x too</td> <td class="tg-qr46">640</td> </tr> <tr> <td class="tg-qr46">CARTO</td> <td class="tg-qr46">PNG or JPG (default quality of 85)</td> <td class="tg-qr46">72 DPI only</td> <td class="tg-qr46">8192</td> </tr> <tr> <td class="tg-qr46">Google</td> <td class="tg-qr46">PNG8, PNG32, JPG, GIF</td> <td class="tg-qr46">@2x too</td> <td class="tg-qr46">640</td> </tr> <tr> <td class="tg-qr46">HERE</td> <td class="tg-qr46">PNG, JPG, GIF, BMP, PNG8</td> <td class="tg-qr46">72 (default), 250 (mobile), 320 (hi-res), or 500</td> <td class="tg-qr46">2048</td> </tr> <tr> <td class="tg-qr46">MapQuest</td> <td class="tg-qr46">PNG, JPG (70, 80, 85, 90), GIF</td> <td class="tg-qr46">@2x too</td> <td class="tg-qr46">1920</td> </tr> </table></div><p>‍</p><h3><br></h3></div></div></div></div><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">Billing</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><h3>What pricing is available with Static Maps?</h3><p>Static Maps is billed by individual API request for the Static Images and Static Tiles API. The Static Images API is free up to 50K requests per month then starts at $1.00 per 1,000 requests with incremental volume-based discounts available for usage over 500K, 1M, and 5M requests per month.<br></p><p>The Static Tiles API is free up to 200K requests per month then starts at $0.50 per 1,000 requests with incremental volume-based discounts available over 2M, 4M, and 20M requests per month.<br></p><p>You can see more pricing information at <a href="https://www.mapbox.com/pricing/">https://www.mapbox.com/pricing/</a>.</p><p>‍</p><h3>Do the pixel sizes of the static images I request impact the price I pay per request?</h3><p>No. Pricing for both the Static Images API and Static Tiles API is agnostic of the dimensions of the request.<br></p></div></div></div></div><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">Limitations</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><h3>What are the service limits of Static Maps?</h3><p>Use of the Static Images API and Static Tiles API is rate limited with a default rate limit of 1,200 requests per minute and 5,000 requests per minute, respectively. Exceeding these limits will result in an HTTP 429 response. However, if you require a higher rate limit, <a href="https://www.mapbox.com/contact/">contact us</a>.</p><p>‍<br></p><h3>What are the functionality-related limitations of Static Maps?</h3><ul role="list"><li><strong>Feature Interactivity:</strong> Because Static Maps generates image files, the rendered maps inherently lack the same type of feature interactivity available with vector-based GL maps that can use a client’s GPU for enhanced rendering functionality. </li><li><strong>Dynamic, Client-Side Re-styling & Data Visualization:</strong> While you can use <a href="https://docs.mapbox.com/api/maps/#style-parameters">style parameters</a> with Static Maps to change the requested map style at request time, large-scale client-side re-styling and data manipulation will likely be more efficient with Runtime Styling and Mapbox GL expressions on the client.</li><li><strong>Rotated/Pitched View Slippy Maps</strong>: The Static Tiles API does not support rotation or pitched views (e.g. as is used in turn-by-turn navigation); however, the Static Images API does support rotating and pitching the map.</li><li><strong>Smooth Zooming: </strong>Static Maps only generates static images at each integer zoom level, meaning as you zoom in and out of slippy maps made with the Static Tiles API, you’ll likely notice a “jump” between zoom levels. This “jump” isn’t apparent with vector-based slippy maps as they offer <strong> </strong>“smooth zooming” with non-integer zooms levels.</li><li><strong>Cut-off labels: </strong>Because the Static Tiles API renders images for its slippy maps one tile at a time as opposed to continuously like with a vector-based map, there is a small probability that any map labels placed at or near tile boundaries will be partially cut-off. Use of GL features that enable dynamic, variable or otherwise non-deterministic label placement, or increased label density can both increase the rate of cut-off labels with the Static Tiles API. If using Static Maps with one of Mapbox’s Core Styles, then you can expect <2% of your map labels to be cut-off in any region. If using Static Maps with a custom style, then you can expect <5% of your map labels to be cut-off in any region. </li><li><strong>URL length limit: </strong>much of the functionality of Static Maps—including styling, orienting, and adding overlays to the map—is made available via GET HTTP requests. This means all functionality of Static Maps is limited by the <a href="https://docs.mapbox.com/api/#url-length-limits">8,192 byte URL length limit</a>. </li></ul><p>‍<br></p><h3>What are the use case-based limitations of Static Maps?</h3><ul role="list"><li><strong>Proxying and Redistribution</strong> <br>All requests to Static Maps must be generated by an end-user device. If any requests to are generated by a server, the resulting images cannot be later redistributed to end-user devices. <br></li></ul><ul role="list"><li><strong>Caching</strong> <br>The static images returned by the Static Images API and Static Tiles API can only be cached on client devices for up to 30 days. However, if you require caching static images for longer than 30 days, <a href="https://www.mapbox.com/contact/">contact us</a>.<br></li></ul><ul role="list"><li><strong>Printing</strong> <br>Printing of static images is only permitted for personal, non-commercial use. When using a map style that incorporates the mapbox-streets-v8 tileset, printing of static images that include Japan is not allowed. However, if you require printing of static images that include Japan, and/or for a commercial use case, <a href="https://www.mapbox.com/contact/">contact us</a>.<br></li></ul></div></div></div></div><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">Upcoming Features</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><h3>What are some upcoming features of Static Maps?</h3><p>We are currently evaluating customer demand for the following features in 2020:<br></p><ul role="list"><li><strong>Map Loads pricing for the Static Tiles API: </strong>When using Mapbox.js, pay for the Static TIles API per map load instead of per tile request. </li><li><strong>Support for @4x resolution:</strong> request static images at up to a @4x scale factor for high-resolution displays.</li><li><strong>Custom text markers:</strong> the ability to add custom text-based markers to the static image you’re requesting.<strong>‍</strong></li><li><strong>Support for 3D Static Images:</strong> request static images for styles that include 3D style rules</li></ul><p>‍</p><p>If any of these features sound interesting to you, please <a href="https://www.mapbox.com/contact/sales/">let us know</a>! </p></div></div></div></div></div></div><div class="faq_accordion-component"><div class="faq_accordion-header"><h3 class="title large color-blue-50">Static Image Playground Enhancements</h3></div><div class="faq_accordion-body"><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">What is the Static Image Playground?</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><p>The Static Image Playground is an interactive web application that can be used to prototype requests against the <a href="https://docs.mapbox.com/api/maps/static-images/">Static Images API</a>. It allows you to create a valid request against the Static Images API without installing any SDKs or writing any additional code.</p></div></div></div></div><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">Does the Static Image Playground have the same features as the Static Images API?</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><p>Yes. The Static Image Playground includes support for all possible functionality of the Static Images API. These include:<br></p><ul role="list"><li>Build image requests with custom styles created by Mapbox Studio.</li><li>Add multiple marker, path, and GeoJSON overlays to your Static Image request.</li><li>See the results of “auto” positioning when used with overlay data.</li><li>Generate a map image based on a bounding box rather than a center coordinate pair.</li><li>Adjust the visual padding of the map image for all or some of the sides of the image.</li></ul></div></div></div></div><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">What is a valid overlay input?</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><p>Per our documentation, a valid overlay can be a Geojson, a marker or an encoded path. You will receive an error if you enter an invalid entry in the overlay input entry.</p></div></div></div></div><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">How can I incorporate the Static Image Playground into my development workflow?</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><p>The Static Image Playground is the ideal tool for prototyping your Static Images API requests. Use it to learn what the full breadth of what the Static Images API is capable of, and how each feature behaves. It’s great for both beginners trying to learn more about the API’s capabilities and experienced developers who need to debug their requests visually.</p></div></div></div></div><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">Which devices are supported by Static Image Playground?</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><p>The Static Image Playground is a responsive web application that can be accessed on any device with a modern web browser. You can prototype Static Images API requests from your desktop, tablet, or mobile device.</p></div></div></div></div><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">Does the Static Image Playground generate API usage for my account?</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><p>Requests made within the Static Image Playground application will not generate Static Images API usage associated with your account. However, after you have constructed your request URI, if you incorporate this URI within an application or make requests directly against it, these requests will generate billable usage.</p></div></div></div></div><div class="faq-dropdown_component"><div class="faq-dropdown_header"><div class="faq-dropdown_header-foreground"><div class="faq-dropdown_heading">Can the Static Image Playground be incorporated directly into my application?</div><div class="faq-dropdown_header-icon-wrapper"><div class="faq-dropdown_arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1 1l8 8 8-8" stroke="#007afc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="faq-dropdown_header-background"></div></div><div class="faq-dropdown_body"><div class="faq-dropdown_body-inner"><div class="rich-text listen-color-theme w-richtext"><p>The Static Image Playground does not grant programmatic access to its interface, or lend itself to programmatic generation of Static Images API requests at this time. If you are looking for a tool that can be directly incorporated into your application, we strongly recommend <a href="https://github.com/mapbox/mapbox-sdk-js">mapbox-sdk.js</a> or one of its counterparts.</p><h3><br></h3></div></div></div></div></div></div></div></div></div><div class="w-embed"><style> @media only screen and (min-width: 991px) and (max-width: 1080px){ .u_grid_4 { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; display: grid; align-content: stretch; grid-auto-columns: 1fr; grid-column-gap: 40px; grid-row-gap: 40px; }} </style></div><div class="u_sctn last"><div class="container w-container"><div class="banner-2 light"><div class="mb-16"><h2 class="heading h2-old color-white">Ready to get started?</h2></div><h2 class="p-regular large color-white">Create an account or talk to one of our experts.</h2><div class="call-to-action-buttons-wrapper"><a href="https://www.mapbox.com/signup/" class="button white w-inline-block"><div>Sign up for free</div></a><a href="https://www.mapbox.com/contact/sales/" class="button stroke text-color-white is_movement w-inline-block"><div>Contact Us</div></a></div></div></div></div></main><div class="do-not-publish-symbol"></div></div><footer data-w-id="c6d1213b-7391-de97-08a5-cd5f37e5b6a8"><div><footer class="footer"><div id="top" class="top-anchor"></div><div class="container flex align-start justify-space-between t_align-start gap-48 t_justify-start t_children-wrap"><div class="l_width-100"><a id="footer-logo" href="/" class="nav-logo-link mb-20 w-inline-block"><div class="flex w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" style="max-width: 126px" preserveAspectRatio="xMidYMid meet" viewBox="0 0 126 28" fill="none" xmlns:v="https://vecta.io/nano"><path d="M93.86 7.669a5.84 5.84 0 0 0-4.187 1.78v-6a.35.35 0 0 0-.35-.346H87.19a.35.35 0 0 0-.35.346V19.67a.35.35 0 0 0 .35.346h2.133a.35.35 0 0 0 .35-.346v-1.118a5.81 5.81 0 0 0 4.187 1.779c3.327 0 6.017-2.835 6.017-6.331s-2.69-6.331-6.017-6.331zm-.493 10.126c-2.022 0-3.662-1.669-3.677-3.748v-.095c.032-2.079 1.656-3.748 3.677-3.748 2.038 0 3.677 1.701 3.677 3.795s-1.656 3.795-3.677 3.795zm14.359-10.126c-3.598 0-6.511 2.835-6.511 6.331s2.913 6.331 6.511 6.331 6.511-2.835 6.511-6.331-2.913-6.331-6.511-6.331zm-.016 10.126c-2.038 0-3.677-1.701-3.677-3.795s1.655-3.795 3.677-3.795 3.677 1.701 3.677 3.795-1.655 3.795-3.677 3.795zM67.912 7.984h-2.133a.35.35 0 0 0-.35.346v1.118a5.81 5.81 0 0 0-4.187-1.78c-3.327 0-6.017 2.835-6.017 6.331s2.69 6.331 6.017 6.331a5.84 5.84 0 0 0 4.187-1.78v1.118a.35.35 0 0 0 .35.346h2.133a.35.35 0 0 0 .35-.346V8.331a.35.35 0 0 0-.35-.346zm-6.177 9.811c-2.038 0-3.677-1.701-3.677-3.795s1.656-3.795 3.677-3.795 3.661 1.669 3.677 3.748v.095c-.016 2.079-1.656 3.748-3.677 3.748zM78.562 7.669a5.84 5.84 0 0 0-4.187 1.78V8.331a.35.35 0 0 0-.35-.346h-2.133a.35.35 0 0 0-.35.346v16.22a.35.35 0 0 0 .35.346h2.133a.35.35 0 0 0 .35-.346v-6a5.81 5.81 0 0 0 4.187 1.78c3.327 0 6.017-2.835 6.017-6.331s-2.69-6.331-6.017-6.331zm-.493 10.126c-2.022 0-3.662-1.669-3.677-3.748v-.095c.032-2.079 1.656-3.748 3.677-3.748 2.038 0 3.677 1.701 3.677 3.795s-1.64 3.795-3.677 3.795zM48.841 7.669a4.17 4.17 0 0 0-3.725 2.362c-.78-1.465-2.34-2.378-4.012-2.362a4.1 4.1 0 0 0-3.295 1.669V8.331a.35.35 0 0 0-.35-.346h-2.133a.35.35 0 0 0-.35.346V19.67a.35.35 0 0 0 .35.346h2.133a.35.35 0 0 0 .35-.346v-6.787c.08-1.512 1.146-2.724 2.452-2.724 1.353 0 2.483 1.118 2.483 2.583v6.929a.35.35 0 0 0 .35.346h2.149a.35.35 0 0 0 .35-.346l-.016-7.055c.191-1.386 1.194-2.457 2.42-2.457 1.353 0 2.483 1.118 2.483 2.583v6.929a.35.35 0 0 0 .35.346h2.149a.35.35 0 0 0 .35-.346l-.016-7.795c0-2.331-2.006-4.205-4.473-4.205zm76.873 11.858l-3.693-5.559 3.661-5.512c.096-.142.048-.346-.095-.441-.048-.032-.111-.047-.175-.047h-2.468c-.191 0-.366.094-.461.252l-2.149 3.575-2.15-3.559c-.095-.157-.27-.252-.461-.252h-2.468c-.175 0-.318.142-.318.315 0 .063.016.126.048.173l3.661 5.512-3.693 5.559c-.096.142-.048.346.095.441a.33.33 0 0 0 .175.047h2.468c.191 0 .366-.095.462-.252l2.196-3.622 2.197 3.622c.096.158.271.252.462.252h2.436c.175 0 .318-.142.318-.315 0-.063-.016-.126-.048-.189zM14.152 0C6.336 0 0 6.268 0 14s6.336 14 14.152 14 14.152-6.268 14.152-14S21.969 0 14.152 0zm6.718 17.433c-4.84 4.787-13.484 3.26-13.484 3.26s-1.56-8.535 3.295-13.339c2.69-2.661 7.148-2.551 9.966.22s2.913 7.197.223 9.858zm-5.094-9.228l-1.385 2.819-2.849 1.37 2.849 1.37 1.385 2.819 1.385-2.819 2.85-1.37-2.85-1.37-1.385-2.819z" fill="currentColor"></path><defs></defs></svg></div><div class="visually-hidden">Home page</div></a><ul role="list" class="flex direction-vertical align-start w-list-unstyled"><li class="footer_main-link"><a href="https://account.mapbox.com/auth/signup/" class="footer-link text-color-black text-weight-medium">Sign Up</a></li><li><a href="https://www.mapbox.com/pricing" class="footer-link text-color-black text-weight-medium">Pricing</a></li><li class="hide"><a href="https://www.mapbox.com/blog" class="footer-link">Blog</a></li><li><a href="https://www.mapbox.com/support" class="footer-link text-color-black text-weight-medium">Support</a></li><li><a href="https://www.mapbox.com/contact" class="footer-link text-color-black text-weight-medium">Contact Us</a></li></ul></div><div><h3 class="title listen-color-theme mb-20 font-weight-700">PRODUCTS</h3><div class="mb-32"><h3 class="title capitalize-none listen-color-theme mb-4">Maps</h3><ul role="list" class="flex direction-vertical align-start w-list-unstyled"><li><a href="https://www.mapbox.com/maps" class="footer-link">Maps Overview</a></li><li><a href="https://www.mapbox.com/mapbox-gljs" class="footer-link">Mapbox GJ JS</a></li><li><a href="https://www.mapbox.com/mobile-maps-sdk" class="footer-link">Mobile Maps SDK</a></li><li><a href="https://www.mapbox.com/mapbox-studio" class="footer-link">Studio</a></li><li><a href="https://www.mapbox.com/static-maps" class="footer-link">Static Maps</a></li><li><a href="https://www.mapbox.com/mts" class="footer-link">Mapbox Tiling Service</a></li></ul></div><div class="mb-32"><h3 class="title capitalize-none listen-color-theme mb-4">Search</h3><ul role="list" class="flex direction-vertical align-start w-list-unstyled"><li><a href="https://www.mapbox.com/search-service" class="footer-link">Search Overview</a></li><li><a href="https://www.mapbox.com/search-box" class="footer-link">Search Box</a></li><li><a href="https://www.mapbox.com/geocoding" class="footer-link">Geocoding</a></li><li><a href="https://www.mapbox.com/address-autofill" class="footer-link">Address Autofill</a></li></ul></div><div><h3 class="title capitalize-none listen-color-theme mb-4">Other</h3><ul role="list" class="flex direction-vertical align-start w-list-unstyled"><li><a href="https://www.mapbox.com/atlas" class="footer-link">Atlas</a></li><li class="hide"><a href="https://www.mapbox.com/platform/" class="footer-link">Infrastructure Platform</a></li></ul></div></div><div><h3 class="title listen-color-theme mb-20 is-footer opacity-0">_</h3><div class="mb-32"><h3 class="title capitalize-none listen-color-theme mb-4">Navigation</h3><ul role="list" class="flex direction-vertical align-start w-list-unstyled"><li><a href="https://www.mapbox.com/navigation" class="footer-link">Navigation Overview</a></li><li><a href="https://www.mapbox.com/navigation-automotive" class="footer-link">Navigation SDK for Automotive</a></li><li><a href="https://www.mapbox.com/navigation-mobile" class="footer-link">Navigation SDK for Mobile</a></li><li><a href="https://www.mapbox.com/matrix-api" class="footer-link">Matrix API</a></li><li class="hide"><a href="https://docs.mapbox.com/api/navigation/directions/" class="footer-link">Direction API</a></li><li class="hide"><a href="https://docs.mapbox.com/api/navigation/optimization/" class="footer-link">Optimization API</a></li><li class="hide"><a href="https://www.mapbox.com/mapgpt" class="footer-link">MapGPT</a></li><li><a href="https://www.mapbox.com/ev" class="footer-link">Mapbox for EV</a></li><li class="hide"><a href="https://www.mapbox.com/autopilot-map" class="footer-link">Autopilot Map</a></li><li><a href="https://www.mapbox.com/adas-sdk" class="footer-link">ADAS SDK</a></li></ul></div><div class="mb-32 hide"><h3 class="title capitalize-none listen-color-theme mb-4 is-footer">Logistics</h3><ul role="list" class="flex direction-vertical align-start w-list-unstyled"><li><a href="https://www.mapbox.com/matrix-api" class="footer-link">Matrix API</a></li></ul></div><div class="mb-32"><h3 class="title capitalize-none listen-color-theme mb-4">Data</h3><ul role="list" class="flex direction-vertical align-start w-list-unstyled"><li><a href="https://www.mapbox.com/data-products" class="footer-link">Data Overview</a></li><li><a href="https://www.mapbox.com/traffic-data" class="footer-link">Traffic Data</a></li><li><a href="https://www.mapbox.com/movement-data" class="footer-link">Movement Data</a></li><li><a href="https://www.mapbox.com/boundaries" class="footer-link">Boundaries</a></li></ul></div></div><div><h3 class="title listen-color-theme mb-20 font-weight-700">solutions</h3><div class="mb-60"><ul role="list" class="flex direction-vertical align-start w-list-unstyled"><li><a href="https://www.mapbox.com/logistics" class="footer-link padding-top-0">Logistics</a></li><li><a href="https://www.mapbox.com/automotive" class="footer-link">Automotive</a></li><li><a href="https://www.mapbox.com/business-intelligence" class="footer-link">Business Intelligence</a></li><li><a href="https://www.mapbox.com/on-demand-logistics" class="footer-link">On-Demand Logistics</a></li><li><a href="https://www.mapbox.com/weather" class="footer-link">Weather</a></li><li><a href="https://www.mapbox.com/telco" class="footer-link">Telecommunications</a></li><li><a href="https://www.mapbox.com/industries/outdoors" class="footer-link">Outdoors</a></li><li><a href="https://www.mapbox.com/retail" class="footer-link">Retail</a></li><li><a href="https://www.mapbox.com/real-estate" class="footer-link">Real Estate</a></li><li><a href="https://www.mapbox.com/industries/travel" class="footer-link">Travel</a></li></ul></div><h3 class="title listen-color-theme mb-20 is-footer hide">use cases</h3><div class="hide"><ul role="list" class="flex direction-vertical align-start w-list-unstyled"><li><a href="https://www.mapbox.com/use-cases/data-visualization/" class="footer-link">Data visualization</a></li><li><a href="https://www.mapbox.com/use-cases/store-locator/" class="footer-link">Store locator</a></li><li><a href="https://www.mapbox.com/use-cases/turn-by-turn-navigation/" class="footer-link">Turn-by-turn navigation</a></li><li><a href="https://www.mapbox.com/on-demand-delivery" class="footer-link">On-Demand Delivery</a></li></ul></div></div><div><div class="mb-60"><h3 class="title listen-color-theme mb-20 font-weight-700">Developers</h3><ul role="list" class="flex direction-vertical align-start w-list-unstyled"><li><a href="https://docs.mapbox.com/help/getting-started/" class="footer-link padding-top-0">Quickstart</a></li><li><a href="https://docs.mapbox.com/" class="footer-link">Documentation</a></li><li><a href="https://docs.mapbox.com/help/troubleshooting/" class="footer-link">Troubleshooting</a></li><li><a href="https://www.mapbox.com/platform" class="footer-link">Platform</a></li><li><a href="https://status.mapbox.com/" class="footer-link">Status</a></li><li class="hide"><a href="https://docs.mapbox.com/help/tutorials/" class="footer-link">Tutorials</a></li><li class="hide"><a href="https://www.mapbox.com/webinars" class="footer-link">Webinars</a></li><li class="hide"><a href="https://www.mapbox.com/resources#how-to-videos" class="footer-link">How-to-videos</a></li><li class="hide"><a href="https://www.mapbox.com/developer-network" class="footer-link">Developer Network</a></li></ul></div><div><h3 class="title listen-color-theme mb-20 font-weight-700">Resources</h3><ul role="list" class="flex direction-vertical align-start w-list-unstyled"><li><a href="https://docs.mapbox.com/help/getting-started/" class="footer-link padding-top-0 hide">Content Hub</a></li><li><a href="https://docs.mapbox.com/" class="footer-link hide">Customer Showcases</a></li><li><a href="/blog" class="footer-link">Blog</a></li><li><a href="https://docs.mapbox.com/help/tutorials/" class="footer-link hide">Webinars</a></li><li><a href="https://www.mapbox.com/platform" class="footer-link hide">Events</a></li><li><a href="https://status.mapbox.com/" class="footer-link mb-12 hide">Insights</a></li><li class="hide"><a href="https://docs.mapbox.com/help/tutorials/" class="footer-link">Tutorials</a></li><li class="hide"><a href="https://www.mapbox.com/webinars" class="footer-link">Webinars</a></li><li class="hide"><a href="https://www.mapbox.com/resources#how-to-videos" class="footer-link">How-to-videos</a></li><li class="hide"><a href="https://www.mapbox.com/developer-network" class="footer-link">Developer Network</a></li></ul></div></div><div><h3 class="title listen-color-theme mb-20 font-weight-700">Company</h3><ul role="list" class="flex direction-vertical align-start w-list-unstyled"><li><a href="https://www.mapbox.com/company" class="footer-link padding-top-0">Who we are</a></li><li><a href="http://mapbox.com/about/maps" class="footer-link">What we do</a></li><li><a href="http://mapbox.com/company/values" class="footer-link">What we value</a></li><li><a href="https://www.mapbox.com/newsroom" class="footer-link">Newsroom</a></li><li><a href="#" class="footer-link hide">Mapbox Values</a></li><li><a href="https://www.mapbox.com/esg" class="footer-link hide">Newsroom</a></li><li><a href="https://www.mapbox.com/careers" class="footer-link is-tag w-inline-block"><div>Careers</div><div class="footer-tag"><div>HIRING</div></div></a></li><li><a href="http://mapbox.com/sustainability" class="footer-link">Sustainability</a></li><li><a href="http://mapbox.com/community" class="footer-link">Social Impact</a></li><li><a href="http://mapbox.com/community/education" class="footer-link">Education</a></li><li class="hide"><a href="https://www.mapbox.com/about/company#press" class="footer-link">Press</a></li><li class="hide"><a href="https://www.mapbox.com/insights" class="footer-link">Insights</a></li></ul></div></div><a href="#top" class="back-to-top flex align-center justify-center w-inline-block"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M17 9L9 1 1 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></a></footer><div class="footer-bottom bg-gray-90"><div class="container"><div class="footer-links_wrapper"><div class="footer_links-left"><div id="mapbox-footer-text" class="p-regular small listen-color-theme mr-40">All Rights Reserved © Mapbox</div><div class="flex gap-10 align-center children-wrap"><a href="https://www.mapbox.com/legal/tos" class="footer-link is-bottom">Terms</a><div class="footer-bottom-separater"></div><a href="https://www.mapbox.com/legal/privacy" class="footer-link is-bottom">Privacy</a><div class="footer-bottom-separater"></div><a href="https://www.mapbox.com/platform/security/" class="footer-link is-bottom">Security</a><div class="footer-bottom-separater"></div><a href="https://www.mapbox.com/legal/cookies" class="footer-link is-bottom">Your California Privacy Choices</a></div></div><div class="flex align-center"><a href="https://github.com/mapbox" class="social-link mr-10 m_mr-0 w-inline-block"><div class="flex w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9694 2C6.46483 2 2 6.58933 2 12.2474C2 16.7739 4.87462 20.6088 8.78899 21.9919C9.27829 22.0547 9.46177 21.7404 9.46177 21.4889C9.46177 21.2375 9.46177 20.6088 9.46177 19.7286C6.70948 20.3573 6.09786 18.3456 6.09786 18.3456C5.66972 17.1511 4.99694 16.8367 4.99694 16.8367C4.07951 16.2081 5.0581 16.2081 5.0581 16.2081C6.0367 16.2709 6.58716 17.2768 6.58716 17.2768C7.50459 18.8485 8.91131 18.4084 9.46177 18.1569C9.52294 17.4654 9.82875 17.0253 10.0734 16.7739C7.87156 16.5224 5.5474 15.6422 5.5474 11.6816C5.5474 10.55 5.91437 9.66984 6.58716 8.91543C6.52599 8.72682 6.15902 7.65808 6.70948 6.27499C6.70948 6.27499 7.56575 6.02352 9.46177 7.34374C10.2569 7.09227 11.1131 7.0294 11.9694 7.0294C12.8257 7.0294 13.682 7.15514 14.4771 7.34374C16.3731 6.02352 17.2294 6.27499 17.2294 6.27499C17.7798 7.65808 17.4128 8.72682 17.3517 8.97829C17.9633 9.66984 18.3914 10.6128 18.3914 11.7445C18.3914 15.7051 16.0673 16.5224 13.8654 16.7739C14.2324 17.0882 14.5382 17.7169 14.5382 18.6599C14.5382 20.043 14.5382 21.1117 14.5382 21.4889C14.5382 21.7404 14.7217 22.0547 15.211 21.9919C19.1865 20.6088 22 16.7739 22 12.2474C21.9388 6.58933 17.474 2 11.9694 2Z" fill="currentColor"></path> </svg></div><div class="visually-hidden">Visit Mapbox on Github</div></a><a href="https://discord.gg/uMpcC5RmJh" class="social-link mr-10 m_mr-0 w-inline-block"><div class="flex w-embed"><svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.789 1.34C16.4296 0.714 14.9761 0.259052 13.4565 0C13.2699 0.332095 13.0519 0.77877 12.9016 1.1341C11.2862 0.894993 9.68567 0.894993 8.10001 1.1341C7.94972 0.77877 7.72674 0.332095 7.53844 0C6.01721 0.259052 4.56204 0.715671 3.20267 1.34331C0.460812 5.42136 -0.28246 9.39811 0.0891771 13.3184C1.90772 14.655 3.67011 15.467 5.40275 15.9984C5.83055 15.4189 6.21209 14.8028 6.54078 14.1536C5.91478 13.9195 5.31521 13.6306 4.74869 13.2952C4.89898 13.1856 5.046 13.071 5.18803 12.9531C8.64342 14.5438 12.3978 14.5438 15.8119 12.9531C15.9556 13.071 16.1026 13.1856 16.2512 13.2952C15.683 13.6322 15.0818 13.9211 14.4558 14.1553C14.7845 14.8028 15.1644 15.4205 15.5939 16C17.3282 15.4687 19.0922 14.6567 20.9107 13.3184C21.3468 8.77378 20.1658 4.83355 17.789 1.34ZM7.01153 10.9075C5.97426 10.9075 5.12361 9.95435 5.12361 8.7937C5.12361 7.63305 5.95609 6.67831 7.01153 6.67831C8.06699 6.67831 8.91761 7.63138 8.89945 8.7937C8.90109 9.95435 8.06699 10.9075 7.01153 10.9075ZM13.9884 10.9075C12.9511 10.9075 12.1005 9.95435 12.1005 8.7937C12.1005 7.63305 12.9329 6.67831 13.9884 6.67831C15.0438 6.67831 15.8945 7.63138 15.8763 8.7937C15.8763 9.95435 15.0438 10.9075 13.9884 10.9075Z" fill="currentColor"></path> </svg></div><div class="visually-hidden">Visit Mapbox on Github</div></a><a href="https://twitter.com/mapbox" class="social-link mr-10 m_mr-0 w-inline-block"><div class="flex w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.49423 3.75H2.99508L3.29403 4.14973L9.76944 12.8079L3.26917 19.8302L2.88055 20.25H3.45264H4.94748H5.05674L5.13095 20.1698L10.742 14.1081L15.2604 20.1497L15.3354 20.25H15.4606H20.5475H21.0466L20.7477 19.8503L13.9009 10.6956L19.9415 4.16983L20.3301 3.75H19.7581H18.2632H18.154L18.0797 3.83018L12.9286 9.39535L8.78148 3.85027L8.70649 3.75H8.58127H3.49423ZM16.1372 18.6487L6.19179 5.3511H7.90428L17.8497 18.6487H16.1372Z" fill="currentColor" stroke="#566171" stroke-width="0.5"></path> </svg></div><div class="visually-hidden">Visit Mapbox on Twitter</div></a><a href="https://www.linkedin.com/company/mapbox" class="social-link mr-10 m_mr-0 w-inline-block"><div class="flex w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.05001 21H3.225V8.9625H7.05001V21ZM5.1375 7.275C3.9 7.275 3 6.375 3 5.1375C3 3.9 4.0125 3 5.1375 3C6.375 3 7.275 3.9 7.275 5.1375C7.275 6.375 6.375 7.275 5.1375 7.275ZM21 21H17.175V14.475C17.175 12.5625 16.3875 12 15.2625 12C14.1375 12 13.0125 12.9 13.0125 14.5875V21H9.1875V8.9625H12.7875V10.65C13.125 9.8625 14.475 8.625 16.3875 8.625C18.525 8.625 20.775 9.8625 20.775 13.575V21H21Z" fill="currentColor"></path> </svg></div><div class="visually-hidden">Visit Mapbox on LinkedIn</div></a><a href="https://www.facebook.com/Mapbox" class="social-link mr-10 m_mr-0 w-inline-block"><div class="flex w-embed"><svg width="20px" height="20px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <path d="M13.8576 23.9999V13.0511H17.5296L18.0816 8.78391H13.8576V6.06231C13.8576 4.82871 14.1984 3.98391 15.9744 3.98391H18.24V0.143913C17.1442 0.0366489 16.0434 -0.011421 14.9424 -8.69234e-05C11.6832 -8.69234e-05 9.45121 1.98711 9.45121 5.63991V8.78391H5.76001V13.0511H9.44641V23.9999H13.8576Z" fill="currentColor"></path> </g> <defs> <clipPath id="clip0"> <rect width="24" height="24" fill="white"></rect> </clipPath> </defs> </svg></div><div class="visually-hidden">Visit Mapbox on Github</div></a><a href="https://www.tiktok.com/@mapbox" target="_blank" class="social-link mr-10 m_mr-0 w-inline-block"><div class="flex w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20" fill="none"> <path d="M16.1113 4.27729C15.9763 4.20752 15.8449 4.13104 15.7176 4.04813C15.3473 3.80333 15.0078 3.51489 14.7064 3.18901C13.9523 2.32613 13.6706 1.45076 13.5669 0.837875H13.571C13.4844 0.32915 13.5202 0 13.5256 0H10.0908V13.2818C10.0908 13.4602 10.0908 13.6364 10.0833 13.8106C10.0833 13.8322 10.0812 13.8522 10.08 13.8756C10.08 13.8851 10.08 13.8951 10.0779 13.9051C10.0779 13.9076 10.0779 13.9101 10.0779 13.9126C10.0417 14.3892 9.88891 14.8495 9.63303 15.2532C9.37715 15.6568 9.026 15.9914 8.61046 16.2275C8.17737 16.4739 7.68754 16.6032 7.18928 16.6025C5.58894 16.6025 4.29192 15.2976 4.29192 13.686C4.29192 12.0744 5.58894 10.7695 7.18928 10.7695C7.49221 10.7692 7.79328 10.8169 8.08132 10.9107L8.08548 7.41338C7.21109 7.30043 6.32279 7.36992 5.4766 7.61747C4.63041 7.86502 3.84471 8.28524 3.16906 8.85164C2.57703 9.36603 2.07931 9.97979 1.6983 10.6653C1.55331 10.9153 1.00625 11.9198 0.940004 13.5502C0.898339 14.4755 1.17624 15.4342 1.30874 15.8305V15.8388C1.39206 16.0721 1.71497 16.8683 2.24119 17.5395C2.66552 18.078 3.16685 18.5509 3.72903 18.9432V18.9349L3.73736 18.9432C5.4002 20.0732 7.24386 19.999 7.24386 19.999C7.56301 19.9861 8.63212 19.999 9.84623 19.4236C11.1928 18.7857 11.9595 17.8354 11.9595 17.8354C12.4492 17.2675 12.8387 16.6204 13.1111 15.9217C13.4219 15.1047 13.5256 14.1247 13.5256 13.7331V6.68675C13.5673 6.71175 14.1223 7.07881 14.1223 7.07881C14.1223 7.07881 14.9218 7.59129 16.1692 7.92502C17.0642 8.16251 18.27 8.21251 18.27 8.21251V4.80268C17.8475 4.84851 16.9896 4.71518 16.1113 4.27729Z" fill="currentColor"></path> </svg></div><div class="visually-hidden">Visit Mapbox on Twitter</div></a><a href="https://www.instagram.com/mapbox/" class="social-link w-inline-block"><div class="flex w-embed"><svg width="20px" height="20px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.9968 7.9983C9.79333 7.9983 7.99515 9.79651 7.99515 12C7.99515 14.2035 9.79333 16.0017 11.9968 16.0017C14.2002 16.0017 15.9984 14.2035 15.9984 12C15.9984 9.79651 14.2002 7.9983 11.9968 7.9983ZM23.9987 12C23.9987 10.3429 24.0137 8.70077 23.9206 7.04665C23.8275 5.12536 23.3893 3.4202 21.9843 2.01525C20.5764 0.607302 18.8743 0.172008 16.953 0.0789456C15.2959 -0.0141173 13.6539 0.000892936 11.9998 0.000892936C10.3427 0.000892936 8.70061 -0.0141173 7.04652 0.0789456C5.12526 0.172008 3.42014 0.610305 2.01522 2.01525C0.607291 3.42321 0.172005 5.12536 0.0789442 7.04665C-0.014117 8.70377 0.000892919 10.3459 0.000892919 12C0.000892919 13.6541 -0.014117 15.2992 0.0789442 16.9533C0.172005 18.8746 0.610293 20.5798 2.01522 21.9847C3.42314 23.3927 5.12526 23.828 7.04652 23.9211C8.70361 24.0141 10.3457 23.9991 11.9998 23.9991C13.6569 23.9991 15.2989 24.0141 16.953 23.9211C18.8743 23.828 20.5794 23.3897 21.9843 21.9847C23.3923 20.5768 23.8275 18.8746 23.9206 16.9533C24.0167 15.2992 23.9987 13.6571 23.9987 12ZM11.9968 18.1572C8.58954 18.1572 5.83973 15.4073 5.83973 12C5.83973 8.5927 8.58954 5.84284 11.9968 5.84284C15.404 5.84284 18.1538 8.5927 18.1538 12C18.1538 15.4073 15.404 18.1572 11.9968 18.1572ZM18.406 7.02864C17.6105 7.02864 16.968 6.38621 16.968 5.59067C16.968 4.79513 17.6105 4.1527 18.406 4.1527C19.2015 4.1527 19.8439 4.79513 19.8439 5.59067C19.8442 5.77957 19.8071 5.96667 19.735 6.14124C19.6628 6.31581 19.5569 6.47442 19.4233 6.608C19.2897 6.74157 19.1311 6.84748 18.9565 6.91967C18.782 6.99185 18.5949 7.02888 18.406 7.02864Z" fill="currentColor"></path> </svg></div><div class="visually-hidden">Visit Mapbox on Github</div></a></div></div></div></div></div></footer><div class="project-js w-embed w-script"><script> document.addEventListener('DOMContentLoaded', () => { /* Promo line close */ const promoLine = document.querySelectorAll('.exit') if(promoLine) { promoLine.forEach(trigger => { trigger.addEventListener('click', function(){ this.closest('.promo-line-wrap').classList.add('hide') }) }) } /* Nav Accessibility */ document.querySelector('.skip-to-content').addEventListener('keyup', function(event){ if (event.keyCode === 13) { document.querySelector('.start-content').focus(); } }) document.querySelector('.menu-burger').addEventListener('keyup', function(event){ if (event.keyCode === 13) { this.click(); } }) document.querySelectorAll('.a11y-nav-link').forEach(trigger => { trigger.addEventListener('focus', function(){ this.closest('.nav-dropdown').classList.add('reveal'); }); }); document.querySelectorAll('.a11y-nav-link').forEach(trigger => { trigger.addEventListener('blur', function(){ this.closest('.nav-dropdown').classList.remove('reveal'); }); }); /* Nav For Tablet And Below*/ document.querySelectorAll('.nav-item-wrap').forEach(trigger => { trigger.addEventListener('click', function(){ if (tabletAndBelow) { this.x = ((this.x || 0) + 1)%2; if(this.x){ this.querySelectorAll('.nav-arrow').forEach(target => target.classList.add('open')); this.querySelectorAll('.nav-dropdown').forEach(target => target.classList.add('open')); } else{ this.querySelectorAll('.nav-arrow').forEach(target => target.classList.remove('open')); this.querySelectorAll('.nav-dropdown').forEach(target => target.classList.remove('open')); } } }); }); }); </script></div><div class="slider-js w-embed w-script"> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { // Setting Up The Hero Slider var elems = document.querySelector('.carousel') var instance = M.Carousel.init(elems, { numVisible: 3, }) // Next-Prev Slide var prevSlide = function() { instance.prev() } var nextSlide = function() { instance.next() } document.querySelector('#prev').addEventListener('click', prevSlide) document.querySelector('#next').addEventListener('click', nextSlide) /* * Slider Accessibility */ var stopSlides = false; // Auto rotation of slides var sliderInterval = setTimeout(function tick() { sliderInterval = setTimeout(tick, 5500); if (!stopSlides) { //nextSlide() } }, 4000) // Set a needed slide on Tab focus var focusSlides = document.querySelectorAll('.slider-focus') for (var i = 0, len = focusSlides.length; i < len; i++) { (function(index){ focusSlides[i].addEventListener('blur', function(){ stopSlides = false; }) focusSlides[i].addEventListener('focus', function(){ stopSlides = true; if (index == i) { // Dealing with the focus after the slides instance.set(focusSlides.length - 1) } else if (index > 1) { // Focus for slides instance.set(index - 1) } else { instance.set(0) // Dealing with the focus before the slides } }) })(i); } document.querySelector('.carousel').addEventListener('mousedown', () => { stopSlides = true; }) document.querySelector('.carousel').addEventListener('mouseleave', () => { stopSlides = false; }) document.querySelector('.carousel-nav').addEventListener('mousedown', () => { stopSlides = true; }) document.querySelector('.carousel-nav').addEventListener('mouseleave', () => { stopSlides = false; }); (function() { var throttle = function(type, name, obj) { obj = obj || window; var running = false; var func = function() { if (running) { return; } running = true; requestAnimationFrame(function() { obj.dispatchEvent(new CustomEvent(name)); running = false; }); }; obj.addEventListener(type, func); }; throttle("resize", "reinitCarousel"); })(); var windowWidth = window.innerWidth; window.addEventListener("reinitCarousel", function() { if (windowWidth !== window.innerWidth) { windowWidth = window.innerWidth; window.location.reload(); } }) }) </script></div><div class="w-embed"><style> a:hover .u_more-arr { transform: translateX(75%); } </style></div><div class="w-embed"><style> #banner-text-wrapper{ position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; font-size: 14px; line-height: 20px; letter-spacing: .1em; text-transform: uppercase; font-weight: 500; } #banner-text-wrapper p{ background: linear-gradient(91.57deg, #913151 6.98%, #8B3458 6.98%, #007AFC 138.29%); border-radius: 4px; padding: 4px 8px; } #banner-build{ overflow: hidden; z-index: 4; background:url('https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/636262cbd46c6c49d2f44386_banner-image.svg'), #120A46; background-position: center; height: 60px; padding-left: 20px; padding-right: 20px; transition: 250ms all; display: flex; justify-content: space-between; align-items: center; color: #fff; text-decoration: none; } #banner-build:hover{ background:url('https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/636262cbd46c6c49d2f44386_banner-image.svg'), #21156D; background-position: center; } #date-time{ background: linear-gradient(91.57deg, #913151 6.98%, #8B3458 6.98%, #007AFC 138.29%); border-radius: 4px; padding: 4px 8px; } .link#link-banner{ color: #fff!important; z-index: 100; } @media screen and (max-width: 991px) { #banner-text-wrapper{ display: none; } } .swiper{ overflow: visible; } .swiper-button-next, .swiper-button-prev{ position: relative; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; margin-top: auto; } </style></div></div><div class="dev"><div class="dev-code w-embed"><style> .dev .flex > * { display: flex; } .dev .t_flex > * { display: flex; } .grld > * { display: grid; } </style></div><div class="desktop"><div class="fiex flex"><div class="direction-vertical"></div><div class="align-start"></div><div class="align-center"></div><div class="align-items-center"></div><div class="align-end"></div><div class="justify-start"></div><div class="justify-center"></div><div class="justify-end"></div><div class="justify-space-between"></div><div class="children-wrap"></div><div class="sizing-grow"></div><div class="sizing-fixed"></div><div class="order-last"></div><div class="justify-space-around"></div><div class="gap-16"></div></div><div class="grld"><div class="w-layout-grid grid"></div><div class="_1-row"></div><div class="gap-32"></div><div class="gap-48"></div><div class="columns-gap-24"></div><div class="columns-gap-40"></div><div class="rows-gap-0"></div><div class="rows-gap-36"></div><div class="rows-gap-40"></div><div class="rows-gap-60"></div><div class="_3-columns"></div><div class="_4-columns"></div><div class="_5-columns"></div><div class="_6-columns"></div><div class="grid-align-items-center"></div><div class="grid-justify-items-center"></div></div><div class="margins"><div class="margins-right"><div class="mr-4"></div><div class="mr-8"></div><div class="mr-12"></div><div class="mr-16"></div><div class="mr-20"></div><div class="mr-24"></div><div class="mr-32"></div><div class="mr-40"></div><div class="mr-60"></div><div class="mr-80"></div><div class="mr-100"></div><div class="mr-160"></div></div><div class="margins-bottom"><div class="newsroom_wrapper"></div><div class="mb-4"></div><div class="mb-8"></div><div class="mb-12"></div><div class="mb-16"></div><div class="mb-20"></div><div class="mb-24"></div><div class="mb-28"></div><div class="mb-32"></div><div class="mb-36"></div><div class="mb-40"></div><div class="mb-48"></div><div class="mb-60"></div><div class="mb-80"></div><div class="mb-100"></div><div class="mb-120"></div><div class="mb-140"></div><div class="mb-180"></div></div><div class="margin-0-auto"></div><div class="margins-top"><div class="mt-50"></div><div class="mt-40"></div><div class="mt-28"></div></div></div><div class="max-width"><div class="max-width-none"></div><div class="width-100"></div><div class="max-width-100-0"></div><div class="max-width-50"></div><div class="max-width-50vw"></div><div class="max-width-1920"></div><div class="max-width-1680"></div><div class="max-width-1504"></div><div class="max-width-1440"></div><div class="max-width-1160"></div><div class="max-width-1060"></div><div class="max-width-930"></div><div class="max-width-900"></div><div class="max-width-856"></div><div class="max-width-800"></div><div class="max-width-740"></div><div class="max-width-730"></div><div class="max-width-700"></div><div class="max-width-600"></div><div class="max-width-620"></div><div class="max-width-656"></div><div class="max-width-580"></div><div class="max-width-540"></div><div class="max-width-510"></div><div class="max-width-480"></div><div class="max-width-440"></div><div class="max-width-420"></div><div class="max-width-385"></div><div class="max-width-350"></div><div class="max-width-330"></div><div class="max-width-300"></div><div class="max-width-270"></div><div class="max-width-250"></div><div class="max-width-200"></div><div class="max-width-180"></div><div class="max-width-150"></div></div><div class="typography"><div class="font-weight-400"></div><div class="text-align-left"></div><div class="text-align-center"></div><div class="text-decoration-none"></div><div class="white-space-nowrap"></div><div class="breaking-nowrap"></div><div class="text-uppercase"></div><div class="letter-spacing-01"></div><div class="text-decoration-strikethrough"></div></div><div class="other"><div class="display-inline-block"></div><div class="display-inline"></div><div class="display-none"></div><div class="height-auto"></div><div class="height-100"></div><div class="min-height-100vh"></div><div class="fit-cover"></div><div class="fit-contain"></div><div class="fit-position-left"></div><div class="fit-position-bottom-left"></div><div class="position-relative"></div><div class="position-absolute"></div><div class="position-sticky"></div><div class="position-absolute spread"></div><div class="spread"></div><div class="z-1"></div><div class="z-2"></div><div class="capitalize-none"></div><div class="border-radius-8"></div><div class="border-radius-16"></div><div class="border-radius-24"></div><div class="transform-origin-0-100"></div><div class="cursor-default"></div><div class="cursor-pointer"></div><div class="webkit-scrollbar-none"></div><div class="listen-color-theme"></div><div class="pointer-events-none"></div><div class="pointer-events-auto"></div><div class="children-perspective-2000"></div><div class="self-origin-center-bottom"></div><div class="transition-transform-800-ease-out"></div><div class="transition-transform-400-ease-out"></div><div class="transtion-opacity-100"></div><div class="transition-all-150"></div><div class="opacity-0"></div><div class="opacity-100"></div><div class="overflow-auto"></div><div class="w-form"><form id="wf-form-DEV-inactive-Form" name="wf-form-DEV-inactive-Form" data-name="<DEV> (inactive) Form" method="post" data-wf-page-id="660a7db9cdfc89bec59082b9" data-wf-element-id="7a74e33e-6d4f-15cf-b96b-93b1c5a2e99a" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><label for="name" class="label">Name</label><input class="input error w-input" maxlength="256" name="field" data-name="Field" placeholder="Example Text" type="text" id="field" required=""><div class="error">This is some text inside of a div block.</div><label class="radio-wrap error w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom radio listen-color-theme w-radio-input"></div><input type="radio" data-name="Radio 3" id="radio-3" name="radio" required="" style="opacity:0;position:absolute;z-index:-1" value="Radio"><span class="p-regular listen-color-theme w-form-label" for="radio-3">Radio Label</span></label><label class="w-checkbox checkbox-wrap error"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox listen-color-theme"></div><input type="checkbox" id="checkbox-2" name="checkbox-2" data-name="Checkbox 2" required="" style="opacity:0;position:absolute;z-index:-1"><span class="p-regular small listen-color-theme w-form-label" for="checkbox-2">Checkbox</span></label></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div><div class="blur-8px"></div><div class="blur-12px"></div><div class="opacity"><div class="opacity-10"></div><div class="opacity-20"></div><div class="opacity-30"></div><div class="opacity-40"></div><div class="opacity-50"></div><div class="opacity-60"></div><div class="opacity-70"></div><div class="opacity-80"></div><div class="opacity-90"></div></div></div><div class="min-width"><div class="min-width-100"></div></div><div class="padding"><div class="padding-0"></div><div class="padding-right-60"></div><div class="padding-left-60"></div><div class="padding-top-80"></div><div class="padding-top-60"></div><div class="padding-bottom-60"></div><div></div></div><div class="position-fixed"></div><div class="anchor-link"></div><div class="min-height-50"></div><div class="size-16"></div><div class="border-bottom-1px"></div><div class="border-color-gray-60"></div></div><div class="tablet"><div class="fiex flex"><div class="t_flex"></div><div class="t_sizing-fixed"></div><div class="t_direction-vertical"></div><div class="t_align-start"></div><div class="t_align-center"></div><div class="t_justify-start"></div><div class="t_justify-center"></div><div class="t_order-last"></div><div class="t_children-wrap"></div></div><div class="grld"><div class="t_1-column"></div><div class="t_2-columns"></div><div class="t_3-columns"></div><div class="t_gap-24"></div><div class="t_rows-gap-24"></div></div><div class="margins"><div class="margins-right"><div class="t_mr-0"></div><div class="t_mr-16"></div><div class="t_mr-24"></div><div class="t_mr-32"></div><div class="t_mr-90"></div></div><div class="margins-bottom"><div class="t_mb-0"></div><div class="t_mb-12"></div><div class="t_mb-16"></div><div class="t_mb-20"></div><div class="t_mb-24"></div><div class="t_mb-40"></div><div class="t_mb-48"></div><div class="t_mb-60"></div><div class="t_mb-80"></div></div><div class="t_mt-0"></div></div><div class="max-width"><div class="t_width-full"></div><div class="t_max-width-464"></div><div class="t_max-width-330"></div><div class="t_max-width-282"></div><div class="t_max-width-100"></div></div><div class="other"><div class="t_text-align-left"></div><div class="t_text-align-center"></div><div class="t_text-align-right"></div><div class="t_border-radius-12"></div><div class="t_border-radius-16"></div><div class="t_font-weight-500"></div></div><div class="t_height-auto"></div><div class="t_position_relative"></div><div class="t_padding-0"></div><div class="anchor-link"></div><div class="t_padding-top-60"></div><div class="t_padding-bottom-60"></div></div><div class="landscape"><div class="fiex flex"><div class="l_flex"></div><div class="l_sizing-fixed"></div><div class="l_sizing-grow"></div><div class="l_direction-vertical"></div><div class="l_align-start"></div><div class="l_align-center"></div><div class="l_justify-center"></div><div class="l_order-last"></div><div class="l_self-align-end"></div><div class="l_direction-horizontal"></div><div class="l_justify-space-around"></div><div class="l_justify-end"></div><div class="l_justify-start"></div></div><div class="margins"><div class="margins-right"><div class="l_mr-0"></div><div class="l_mr-8"></div><div class="l_mr-12"></div><div class="l_mr-16"></div><div class="l_mr-24"></div><div class="l_mr-32"></div></div><div class="margins-bottom"><div class="l_mb-0"></div><div class="l_mb-4"></div><div class="l_mb-8"></div><div class="l_mb-12"></div><div class="l_mb-24"></div><div class="l_mb-32"></div><div class="l_mb-48"></div><div class="l_mb-60"></div></div></div><div class="max-width"><div class="l_width-100"></div></div><div class="grld"><div class="w-layout-grid grid l_1-col"></div><div class="l_2-columns"></div><div class="l_1-column"></div></div><div class="other"><div class="l_overflow-auto"></div><div class="l_text-align-left"></div><div class="l_border-radius-4"></div><div class="l_border-radius-8"></div><div class="l_border-radius-16"></div></div><div class="l_position-relative"></div><div class="l_color-80"></div><div class="l_padding-x-0"></div><div class="l_padding-x-24"></div><div class="l_padding-right-20"></div><div class="l_padding-left-20"></div><div class="l_padding-top-30"></div><div class="l_max-width-90vw"></div><div class="l_padding-left-10"></div><div></div></div><div class="mobile"><div class="margins"><div class="margins-right"><div class="m_mr-0"></div><div class="m_mr-8"></div><div class="m_mr-16"></div><div class="m_mr-20"></div><div class="m_mr-32"></div></div><div class="margins-bottom"><div class="m_mb-8"></div><div class="m_mb-16"></div><div class="m_mb-24"></div><div class="m_mb-32"></div></div></div><div class="flex"><div class="m_direction-vertical"></div><div class="m_children-wrap"></div></div><div class="grld"><div class="m_1-column"></div><div class="m_2-columns"></div></div><div class="other"><div class="m_text-align-center"></div><div class="m_text-align-left"></div></div><div class="m_padding-x-0"></div><div class="m_padding-x-20"></div></div><div class="triggers"><div class="release-gradient"><div class="position-absolute sizing-fixed"></div></div><div class="trigger-popup-open"></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6050a76fa6a633d5d54ae714" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/6050a76fa6a633d5d54ae714/js/www-mapbox.61da39db6.js" type="text/javascript"></script><script src="https://static-assets.mapbox.com/user-menu/user-menu.js"></script> <script type="text/javascript"> /*initializeMapboxAnalytics({ segmentIntegrations: { All: true } });*/ initializeMapboxAnalytics({ segmentIntegrations: { All: true, 'Facebook Pixel': false } }); </script> <script type="text/javascript"> // Initialize Mapbox User Menu (function() { window.MapboxUserMenu.initialize({ // Boolean to indicate if the menu is used on a production or staging // site, which impacts which API endpoints are used. // Defaults to `false`. isProduction: true, // Boolean to indicate if text and other elements should be dark // so that they show up against a light background. // Defaults to `true`. // dark: false, // ID of the element that the menu will be mounted into. // Defaults to "mbx-user-menu". elementId: "mbx-user-menu", // Function called after the session is checked. // It will be passed `false` if the session is not valid, or a `user` object. // Optional. userCallback: function(user) { if (user) { // Hide elements if the user is logged in document.querySelector('#sign-up').classList.add('hide'); document.querySelector('#sign-up-mobile').classList.add('hide'); // Hide elements if the user isn't logged in document.querySelector('#view-account').classList.remove('hide'); document.querySelector('#view-account-mobile').classList.remove('hide'); } } }); })(); // Uncomment the following line if needed // $('.page-wrap').css('width', viewportWidth + 'px'); </script> <script> /* $( document ).ready(function() { if($('.faq-q').length != 0){ (function(){ var data = { "@context":"https://schema.org", "@type":"FAQPage", "mainEntity":[] } for (i = 0; i < document.querySelectorAll('.faq-q').length; i++) { data.mainEntity.push({ "@type":"Question", "name":document.querySelectorAll('.faq-q')[i].innerText, "acceptedAnswer": { "@type": "Answer", "text":document.querySelectorAll('.faq-a')[i].innerText } }); }; var script = document.createElement('script'); script.type = "application/ld+json"; script.innerHTML = JSON.stringify(data); document.getElementsByTagName('head')[0].appendChild(script); })(document); } }) */ </script>  <script> function findNearestFullStop(sentence, maxLength) { var truncatedSentence = sentence.split("."); let finalString = ""; for (let index = 0; index < truncatedSentence.length; index++) { const string = truncatedSentence[index]; if (string.trim() !== "") { if ((finalString + string).length <= maxLength) { finalString += string + "."; } } } return finalString; } function scrapeFAQs() { const faqWraps = document.querySelectorAll(".faq-item-wrapper,.faq-wrap"); const faqsArray = []; faqWraps.forEach(async (item) => { let question = ""; if (item.querySelector(".faq-title") !== null) { question = item.querySelector(".faq-title").textContent.trim(); } else if (item.querySelector(".faq-head") !== null) { question = item.querySelector(".faq-head").textContent.trim(); } let answer = ""; if (item.querySelector(".faq-body-wrapper .w-richtext") !== null) { answer = item .querySelector(".faq-body-wrapper .w-richtext") .textContent.trim(); } else if (item.querySelector(".faq-body .w-richtext") !== null) { answer = item.querySelector(".faq-body .w-richtext").textContent.trim(); } if(question && answer) { let shortAnswer = await findNearestFullStop(answer, 500); // Create a FAQ object and push it to the array const faq = { "@type": "Question", name: question, acceptedAnswer: { "@type": "Answer", text: shortAnswer, }, }; faqsArray.push(faq); } }); return faqsArray; } async function updateSchema() { const faqWrap = document.querySelector(".faq-item-wrapper,.faq-wrap"); if (faqWrap) { const faqs = await scrapeFAQs(); if (faqs) { let schemaElement = document.querySelector( 'script[type="application/ld+json"]' ); if (schemaElement) { var schemaJson = JSON.parse( schemaElement.textContent.replaceAll("\n", "") ); if (typeof schemaJson === "array") { schemaJson.forEach((val, index) => { if (val["@type"] == "FAQPage") { schemaJson[index]["mainEntity"] = [ ...schemaJson[index]["mainEntity"], ...faqs, ]; } }); } else { console.log(faqs); schemaJson["mainEntity"] = [...schemaJson["mainEntity"], ...faqs]; } schemaElement.textContent = JSON.stringify(schemaJson); } else { // Create a new schema tag var newSchema = document.createElement("script"); newSchema.type = "application/ld+json"; const faqsSchema = { "@context": "https://schema.org", "@type": "FAQPage", mainEntity: faqs, }; // Set the new schema content as the innerHTML of the script tag newSchema.innerHTML = JSON.stringify(faqsSchema); // Append the new schema tag to the head or body of the document document.head.appendChild(newSchema); } } } } updateSchema(); </script><script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script> <script> const swiper = new Swiper('.swiper', { // Optional parameters direction: 'horizontal', loop: true, slidesPerView: 1, spaceBetween: 40, loopAdditionalSlides: 10, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }) </script>  <script> $(document).ready(function(){ //let itemsCount $(".owl-carousel").owlCarousel({ items: 3, nav: true, responsive:{ 0:{ items:1, }, 767:{ items:2, }, 992:{ items:3 } }, }); }) </script> </body></html>