CINXE.COM

<!DOCTYPE html> <html class="client-nojs" lang="en" dir="ltr"> <head> <meta charset="UTF-8"/> <title>Mapbox GL - OpenStreetMap Wiki</title> <script>document.documentElement.className="client-js";RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"d1868ee48a326060d67065b9","wgCSPNonce":false,"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Mapbox_GL","wgTitle":"Mapbox GL","wgCurRevisionId":2732576,"wgRevisionId":2732576,"wgArticleId":161123,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Pages unavailable in German","Pages unavailable in French","Pages unavailable in Italian","Pages unavailable in Dutch","Pages unavailable in Russian","Pages unavailable in Japanese","Software with no status specified","Miscellaneous software licenses","Android software","IOS software","Web software","MacOS software", "Qt software","Cross-platform software","AppleScript","C++","Java","JavaScript","Kotlin","Objective-C","Swift","Renderers","Mapbox"],"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"Mapbox_GL","wgRelevantArticleId":161123,"wgIsProbablyEditable":false,"wgRelevantPageIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgRedirectedFrom":"Mapbox_GL_JS","wgMFDisplayWikibaseDescriptions":{"search":false,"nearby":false,"watchlist":false,"tagline":false},"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgULSAcceptLanguageList":[],"wgULSCurrentAutonym":"English","wgVector2022PreviewPages":[],"wgInternalRedirectTargetUrl":"/wiki/Mapbox_GL","wgEditSubmitButtonLabelPublish":false,"wgULSPosition":"personal","wgULSisCompactLinksEnabled":true};RLSTATE={"site.styles":"ready","user.styles":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","skins.vector.styles.legacy":"ready", "jquery.tablesorter.styles":"ready","jquery.makeCollapsible.styles":"ready","ext.OsmWikibase-all":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.pt":"ready","wikibase.client.init":"ready"};RLPAGEMODULES=["mediawiki.action.view.redirect","ext.cite.ux-enhancements","site","mediawiki.page.ready","jquery.tablesorter","jquery.makeCollapsible","mediawiki.toc","skins.vector.legacy.js","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.gadget.taginfo","ext.gadget.dataitemlinks","ext.gadget.maps","ext.uls.compactlinks","ext.uls.interface"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.implement("user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"});});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&modules=ext.OsmWikibase-all%7Cext.cite.styles%7Cext.uls.pt%7Cext.visualEditor.desktopArticleTarget.noscript%7Cjquery.makeCollapsible.styles%7Cjquery.tablesorter.styles%7Cskins.vector.styles.legacy%7Cwikibase.client.init&only=styles&skin=vector"/> <script async="" src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector"></script> <meta name="ResourceLoaderDynamicStyles" content=""/> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=vector"/> <noscript><link rel="stylesheet" href="/w/load.php?lang=en&modules=noscript&only=styles&skin=vector"/></noscript> <meta name="generator" content="MediaWiki 1.39.11"/> <meta name="format-detection" content="telephone=no"/> <meta name="viewport" content="width=1000"/> <link rel="icon" href="/favicon.ico"/> <link rel="search" type="application/opensearchdescription+xml" href="/w/opensearch_desc.php" title="OpenStreetMap Wiki (en)"/> <link rel="EditURI" type="application/rsd+xml" href="//wiki.openstreetmap.org/w/api.php?action=rsd"/> <link rel="license" href="/wiki/Wiki_content_license"/> <link rel="alternate" type="application/atom+xml" title="OpenStreetMap Wiki Atom feed" href="/w/index.php?title=Special:RecentChanges&feed=atom"/> <link rel="canonical" href="https://wiki.openstreetmap.org/wiki/Mapbox_GL"/> </head> <body class="mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Mapbox_GL rootpage-Mapbox_GL skin-vector action-view skin-vector-legacy vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-language-alert-in-sidebar-disabled vector-feature-sticky-header-disabled vector-feature-sticky-header-edit-disabled vector-feature-table-of-contents-disabled vector-feature-visual-enhancement-next-disabled"><div id="mw-page-base" class="noprint"></div> <div id="mw-head-base" class="noprint"></div> <div id="content" class="mw-body" role="main"> <a id="top"></a> <div id="siteNotice"></div> <div class="mw-indicators"> </div> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Mapbox GL</span></h1> <div id="bodyContent" class="vector-body"> <div id="siteSub" class="noprint">From OpenStreetMap Wiki</div> <div id="contentSub"><span class="mw-redirectedfrom">(Redirected from <a href="/w/index.php?title=Mapbox_GL_JS&redirect=no" class="mw-redirect" title="Mapbox GL JS">Mapbox GL JS</a>)</span></div> <div id="contentSub2"></div> <div id="jump-to-nav"></div> <a class="mw-jump-link" href="#mw-head">Jump to navigation</a> <a class="mw-jump-link" href="#searchInput">Jump to search</a> <div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="en" dir="ltr"><div class="mw-parser-output"><div class="languages noprint navigation-not-searchable" style="clear:both;font-size:95%;line-height:normal;margin:2px 0;border:1px solid #AAA" dir="ltr"> <div style="background:#EEE;padding:1px"> <div class="hlist" style="float:right;margin-left:.25em;font-weight:normal;font-size:x-small"> <ul><li><bdi class="noprint plainlinks purgelink"><a rel="nofollow" class="external text" href="//wiki.openstreetmap.org/w/index.php?title=Mapbox_GL&action=purge"><span title="Purge this page"><span style="margin:0 2px"><img alt="" src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Octicons-sync.svg/10px-Octicons-sync.svg.png" decoding="async" width="10" height="13" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Octicons-sync.svg/15px-Octicons-sync.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Octicons-sync.svg/20px-Octicons-sync.svg.png 2x" /></span>Purge</span></a></bdi></li> <li><a href="/wiki/Wiki_Translation" title="Wiki Translation">Help</a></li></ul> </div> <div style="font-weight:bold;max-height:10000000px;text-align:center"><bdi style="font-style:italic">Mapbox GL</bdi> - Other languages</div> </div> <div id="Languages" class="LanguageBar" data-vector-language-button-label="$1 languages" style="max-height:10000000px;padding:0 .25em"> <div class="hlist hlist-with-seps"><li><span dir="auto" lang="af"><a href="/w/index.php?title=Af:Mapbox_GL&action=edit&redlink=1" class="new" title="Af:Mapbox GL (page does not exist)"> Afrikaans </a></span></li> <li><span dir="auto" lang="ast"><a href="/w/index.php?title=Ast:Mapbox_GL&action=edit&redlink=1" class="new" title="Ast:Mapbox GL (page does not exist)"> asturianu </a></span></li> <li><span dir="auto" lang="az"><a href="/w/index.php?title=Az:Mapbox_GL&action=edit&redlink=1" class="new" title="Az:Mapbox GL (page does not exist)"> azərbaycanca </a></span></li> <li><span dir="auto" lang="id"><a href="/w/index.php?title=Id:Mapbox_GL&action=edit&redlink=1" class="new" title="Id:Mapbox GL (page does not exist)"> Bahasa Indonesia </a></span></li> <li><span dir="auto" lang="ms"><a href="/w/index.php?title=Ms:Mapbox_GL&action=edit&redlink=1" class="new" title="Ms:Mapbox GL (page does not exist)"> Bahasa Melayu </a></span></li> <li><span dir="auto" lang="bs"><a href="/w/index.php?title=Bs:Mapbox_GL&action=edit&redlink=1" class="new" title="Bs:Mapbox GL (page does not exist)"> bosanski </a></span></li> <li><span dir="auto" lang="br"><a href="/w/index.php?title=Br:Mapbox_GL&action=edit&redlink=1" class="new" title="Br:Mapbox GL (page does not exist)"> brezhoneg </a></span></li> <li><span dir="auto" lang="ca"><a href="/w/index.php?title=Ca:Mapbox_GL&action=edit&redlink=1" class="new" title="Ca:Mapbox GL (page does not exist)"> català </a></span></li> <li><span dir="auto" lang="cs"><a href="/w/index.php?title=Cs:Mapbox_GL&action=edit&redlink=1" class="new" title="Cs:Mapbox GL (page does not exist)"> čeština </a></span></li> <li><span dir="auto" lang="cnr"><a href="/w/index.php?title=Cnr:Mapbox_GL&action=edit&redlink=1" class="new" title="Cnr:Mapbox GL (page does not exist)"> Crnogorski </a></span></li> <li><span dir="auto" lang="da"><a href="/w/index.php?title=Da:Mapbox_GL&action=edit&redlink=1" class="new" title="Da:Mapbox GL (page does not exist)"> dansk </a></span></li> <li><span dir="auto" lang="de"><a href="/w/index.php?title=DE:Mapbox_GL&action=edit&redlink=1" class="new" title="DE:Mapbox GL (page does not exist)"> Deutsch </a></span></li> <li><span dir="auto" lang="et"><a href="/w/index.php?title=Et:Mapbox_GL&action=edit&redlink=1" class="new" title="Et:Mapbox GL (page does not exist)"> eesti </a></span></li> <li><span dir="auto" lang="en"><a class="mw-selflink selflink"> English </a></span></li> <li><span dir="auto" lang="es"><a href="/wiki/ES:Mapbox_GL" title="ES:Mapbox GL"> español </a></span></li> <li><span dir="auto" lang="eo"><a href="/w/index.php?title=Eo:Mapbox_GL&action=edit&redlink=1" class="new" title="Eo:Mapbox GL (page does not exist)"> Esperanto </a></span></li> <li><span dir="auto" lang="eu"><a href="/w/index.php?title=Eu:Mapbox_GL&action=edit&redlink=1" class="new" title="Eu:Mapbox GL (page does not exist)"> euskara </a></span></li> <li><span dir="auto" lang="fr"><a href="/w/index.php?title=FR:Mapbox_GL&action=edit&redlink=1" class="new" title="FR:Mapbox GL (page does not exist)"> français </a></span></li> <li><span dir="auto" lang="fy"><a href="/w/index.php?title=Fy:Mapbox_GL&action=edit&redlink=1" class="new" title="Fy:Mapbox GL (page does not exist)"> Frysk </a></span></li> <li><span dir="auto" lang="gd"><a href="/w/index.php?title=Gd:Mapbox_GL&action=edit&redlink=1" class="new" title="Gd:Mapbox GL (page does not exist)"> Gàidhlig </a></span></li> <li><span dir="auto" lang="gl"><a href="/w/index.php?title=Gl:Mapbox_GL&action=edit&redlink=1" class="new" title="Gl:Mapbox GL (page does not exist)"> galego </a></span></li> <li><span dir="auto" lang="hr"><a href="/w/index.php?title=Hr:Mapbox_GL&action=edit&redlink=1" class="new" title="Hr:Mapbox GL (page does not exist)"> hrvatski </a></span></li> <li><span dir="auto" lang="io"><a href="/w/index.php?title=Io:Mapbox_GL&action=edit&redlink=1" class="new" title="Io:Mapbox GL (page does not exist)"> Ido </a></span></li> <li><span dir="auto" lang="ia"><a href="/w/index.php?title=Ia:Mapbox_GL&action=edit&redlink=1" class="new" title="Ia:Mapbox GL (page does not exist)"> interlingua </a></span></li> <li><span dir="auto" lang="is"><a href="/w/index.php?title=Is:Mapbox_GL&action=edit&redlink=1" class="new" title="Is:Mapbox GL (page does not exist)"> íslenska </a></span></li> <li><span dir="auto" lang="it"><a href="/w/index.php?title=IT:Mapbox_GL&action=edit&redlink=1" class="new" title="IT:Mapbox GL (page does not exist)"> italiano </a></span></li> <li><span dir="auto" lang="ht"><a href="/w/index.php?title=Ht:Mapbox_GL&action=edit&redlink=1" class="new" title="Ht:Mapbox GL (page does not exist)"> Kreyòl ayisyen </a></span></li> <li><span dir="auto" lang="gcf"><a href="/w/index.php?title=Gcf:Mapbox_GL&action=edit&redlink=1" class="new" title="Gcf:Mapbox GL (page does not exist)"> kréyòl gwadloupéyen </a></span></li> <li><span dir="auto" lang="ku"><a href="/w/index.php?title=Ku:Mapbox_GL&action=edit&redlink=1" class="new" title="Ku:Mapbox GL (page does not exist)"> kurdî </a></span></li> <li><span dir="auto" lang="lv"><a href="/w/index.php?title=Lv:Mapbox_GL&action=edit&redlink=1" class="new" title="Lv:Mapbox GL (page does not exist)"> latviešu </a></span></li> <li><span dir="auto" lang="lb"><a href="/w/index.php?title=Lb:Mapbox_GL&action=edit&redlink=1" class="new" title="Lb:Mapbox GL (page does not exist)"> Lëtzebuergesch </a></span></li> <li><span dir="auto" lang="lt"><a href="/w/index.php?title=Lt:Mapbox_GL&action=edit&redlink=1" class="new" title="Lt:Mapbox GL (page does not exist)"> lietuvių </a></span></li> <li><span dir="auto" lang="hu"><a href="/w/index.php?title=Hu:Mapbox_GL&action=edit&redlink=1" class="new" title="Hu:Mapbox GL (page does not exist)"> magyar </a></span></li> <li><span dir="auto" lang="nl"><a href="/w/index.php?title=NL:Mapbox_GL&action=edit&redlink=1" class="new" title="NL:Mapbox GL (page does not exist)"> Nederlands </a></span></li> <li><span dir="auto" lang="no"><a href="/w/index.php?title=No:Mapbox_GL&action=edit&redlink=1" class="new" title="No:Mapbox GL (page does not exist)"> norsk </a></span></li> <li><span dir="auto" lang="nn"><a href="/w/index.php?title=Nn:Mapbox_GL&action=edit&redlink=1" class="new" title="Nn:Mapbox GL (page does not exist)"> norsk nynorsk </a></span></li> <li><span dir="auto" lang="oc"><a href="/w/index.php?title=Oc:Mapbox_GL&action=edit&redlink=1" class="new" title="Oc:Mapbox GL (page does not exist)"> occitan </a></span></li> <li><span dir="auto" lang="pl"><a href="/w/index.php?title=Pl:Mapbox_GL&action=edit&redlink=1" class="new" title="Pl:Mapbox GL (page does not exist)"> polski </a></span></li> <li><span dir="auto" lang="pt"><a href="/w/index.php?title=Pt:Mapbox_GL&action=edit&redlink=1" class="new" title="Pt:Mapbox GL (page does not exist)"> português </a></span></li> <li><span dir="auto" lang="ro"><a href="/w/index.php?title=Ro:Mapbox_GL&action=edit&redlink=1" class="new" title="Ro:Mapbox GL (page does not exist)"> română </a></span></li> <li><span dir="auto" lang="sc"><a href="/w/index.php?title=Sc:Mapbox_GL&action=edit&redlink=1" class="new" title="Sc:Mapbox GL (page does not exist)"> sardu </a></span></li> <li><span dir="auto" lang="sq"><a href="/w/index.php?title=Sq:Mapbox_GL&action=edit&redlink=1" class="new" title="Sq:Mapbox GL (page does not exist)"> shqip </a></span></li> <li><span dir="auto" lang="sk"><a href="/w/index.php?title=Sk:Mapbox_GL&action=edit&redlink=1" class="new" title="Sk:Mapbox GL (page does not exist)"> slovenčina </a></span></li> <li><span dir="auto" lang="sl"><a href="/w/index.php?title=Sl:Mapbox_GL&action=edit&redlink=1" class="new" title="Sl:Mapbox GL (page does not exist)"> slovenščina </a></span></li> <li><span dir="auto" lang="sr-latn"><a href="/w/index.php?title=Sr-latn:Mapbox_GL&action=edit&redlink=1" class="new" title="Sr-latn:Mapbox GL (page does not exist)"> srpski (latinica) </a></span></li> <li><span dir="auto" lang="fi"><a href="/w/index.php?title=Fi:Mapbox_GL&action=edit&redlink=1" class="new" title="Fi:Mapbox GL (page does not exist)"> suomi </a></span></li> <li><span dir="auto" lang="sv"><a href="/w/index.php?title=Sv:Mapbox_GL&action=edit&redlink=1" class="new" title="Sv:Mapbox GL (page does not exist)"> svenska </a></span></li> <li><span dir="auto" lang="tl"><a href="/w/index.php?title=Tl:Mapbox_GL&action=edit&redlink=1" class="new" title="Tl:Mapbox GL (page does not exist)"> Tagalog </a></span></li> <li><span dir="auto" lang="vi"><a href="/wiki/Vi:Mapbox_GL" title="Vi:Mapbox GL"> Tiếng Việt </a></span></li> <li><span dir="auto" lang="tr"><a href="/w/index.php?title=Tr:Mapbox_GL&action=edit&redlink=1" class="new" title="Tr:Mapbox GL (page does not exist)"> Türkçe </a></span></li> <li><span dir="auto" lang="diq"><a href="/w/index.php?title=Diq:Mapbox_GL&action=edit&redlink=1" class="new" title="Diq:Mapbox GL (page does not exist)"> Zazaki </a></span></li> <li><span dir="auto" lang="el"><a href="/w/index.php?title=El:Mapbox_GL&action=edit&redlink=1" class="new" title="El:Mapbox GL (page does not exist)"> Ελληνικά </a></span></li> <li><span dir="auto" lang="be"><a href="/w/index.php?title=Be:Mapbox_GL&action=edit&redlink=1" class="new" title="Be:Mapbox GL (page does not exist)"> беларуская </a></span></li> <li><span dir="auto" lang="bg"><a href="/w/index.php?title=Bg:Mapbox_GL&action=edit&redlink=1" class="new" title="Bg:Mapbox GL (page does not exist)"> български </a></span></li> <li><span dir="auto" lang="mk"><a href="/w/index.php?title=Mk:Mapbox_GL&action=edit&redlink=1" class="new" title="Mk:Mapbox GL (page does not exist)"> македонски </a></span></li> <li><span dir="auto" lang="mn"><a href="/w/index.php?title=Mn:Mapbox_GL&action=edit&redlink=1" class="new" title="Mn:Mapbox GL (page does not exist)"> монгол </a></span></li> <li><span dir="auto" lang="ru"><a href="/w/index.php?title=RU:Mapbox_GL&action=edit&redlink=1" class="new" title="RU:Mapbox GL (page does not exist)"> русский </a></span></li> <li><span dir="auto" lang="sr"><a href="/w/index.php?title=Sr:Mapbox_GL&action=edit&redlink=1" class="new" title="Sr:Mapbox GL (page does not exist)"> српски / srpski </a></span></li> <li><span dir="auto" lang="uk"><a href="/w/index.php?title=Uk:Mapbox_GL&action=edit&redlink=1" class="new" title="Uk:Mapbox GL (page does not exist)"> українська </a></span></li> <li><span dir="auto" lang="hy"><a href="/w/index.php?title=Hy:Mapbox_GL&action=edit&redlink=1" class="new" title="Hy:Mapbox GL (page does not exist)"> հայերեն </a></span></li> <li><span dir="auto" lang="he"><a href="/w/index.php?title=He:Mapbox_GL&action=edit&redlink=1" class="new" title="He:Mapbox GL (page does not exist)"> עברית </a></span></li> <li><span dir="auto" lang="ar"><a href="/w/index.php?title=Ar:Mapbox_GL&action=edit&redlink=1" class="new" title="Ar:Mapbox GL (page does not exist)"> العربية </a></span></li> <li><span dir="auto" lang="skr"><a href="/w/index.php?title=Skr:Mapbox_GL&action=edit&redlink=1" class="new" title="Skr:Mapbox GL (page does not exist)"> سرائیکی </a></span></li> <li><span dir="auto" lang="fa"><a href="/w/index.php?title=Fa:Mapbox_GL&action=edit&redlink=1" class="new" title="Fa:Mapbox GL (page does not exist)"> فارسی </a></span></li> <li><span dir="auto" lang="pnb"><a href="/w/index.php?title=Pnb:Mapbox_GL&action=edit&redlink=1" class="new" title="Pnb:Mapbox GL (page does not exist)"> پنجابی </a></span></li> <li><span dir="auto" lang="ps"><a href="/w/index.php?title=Ps:Mapbox_GL&action=edit&redlink=1" class="new" title="Ps:Mapbox GL (page does not exist)"> پښتو </a></span></li> <li><span dir="auto" lang="ne"><a href="/w/index.php?title=Ne:Mapbox_GL&action=edit&redlink=1" class="new" title="Ne:Mapbox GL (page does not exist)"> नेपाली </a></span></li> <li><span dir="auto" lang="mr"><a href="/w/index.php?title=Mr:Mapbox_GL&action=edit&redlink=1" class="new" title="Mr:Mapbox GL (page does not exist)"> मराठी </a></span></li> <li><span dir="auto" lang="hi"><a href="/w/index.php?title=Hi:Mapbox_GL&action=edit&redlink=1" class="new" title="Hi:Mapbox GL (page does not exist)"> हिन्दी </a></span></li> <li><span dir="auto" lang="bn"><a href="/w/index.php?title=Bn:Mapbox_GL&action=edit&redlink=1" class="new" title="Bn:Mapbox GL (page does not exist)"> বাংলা </a></span></li> <li><span dir="auto" lang="pa"><a href="/w/index.php?title=Pa:Mapbox_GL&action=edit&redlink=1" class="new" title="Pa:Mapbox GL (page does not exist)"> ਪੰਜਾਬੀ </a></span></li> <li><span dir="auto" lang="ta"><a href="/w/index.php?title=Ta:Mapbox_GL&action=edit&redlink=1" class="new" title="Ta:Mapbox GL (page does not exist)"> தமிழ் </a></span></li> <li><span dir="auto" lang="ml"><a href="/w/index.php?title=Ml:Mapbox_GL&action=edit&redlink=1" class="new" title="Ml:Mapbox GL (page does not exist)"> മലയാളം </a></span></li> <li><span dir="auto" lang="si"><a href="/w/index.php?title=Si:Mapbox_GL&action=edit&redlink=1" class="new" title="Si:Mapbox GL (page does not exist)"> සිංහල </a></span></li> <li><span dir="auto" lang="th"><a href="/w/index.php?title=Th:Mapbox_GL&action=edit&redlink=1" class="new" title="Th:Mapbox GL (page does not exist)"> ไทย </a></span></li> <li><span dir="auto" lang="my"><a href="/w/index.php?title=My:Mapbox_GL&action=edit&redlink=1" class="new" title="My:Mapbox GL (page does not exist)"> မြန်မာဘာသာ </a></span></li> <li><span dir="auto" lang="ko"><a href="/w/index.php?title=Ko:Mapbox_GL&action=edit&redlink=1" class="new" title="Ko:Mapbox GL (page does not exist)"> 한국어 </a></span></li> <li><span dir="auto" lang="ka"><a href="/w/index.php?title=Ka:Mapbox_GL&action=edit&redlink=1" class="new" title="Ka:Mapbox GL (page does not exist)"> ქართული </a></span></li> <li><span dir="auto" lang="tzm"><a href="/w/index.php?title=Tzm:Mapbox_GL&action=edit&redlink=1" class="new" title="Tzm:Mapbox GL (page does not exist)"> ⵜⴰⵎⴰⵣⵉⵖⵜ </a></span></li> <li><span dir="auto" lang="zh-hans"><a href="/w/index.php?title=Zh-hans:Mapbox_GL&action=edit&redlink=1" class="new" title="Zh-hans:Mapbox GL (page does not exist)"> 中文（简体） </a></span></li> <li><span dir="auto" lang="zh-hant"><a href="/w/index.php?title=Zh-hant:Mapbox_GL&action=edit&redlink=1" class="new" title="Zh-hant:Mapbox GL (page does not exist)"> 中文（繁體） </a></span></li> <li><span dir="auto" lang="ja"><a href="/w/index.php?title=JA:Mapbox_GL&action=edit&redlink=1" class="new" title="JA:Mapbox GL (page does not exist)"> 日本語 </a></span></li> <li><span dir="auto" lang="yue"><a href="/w/index.php?title=Yue:Mapbox_GL&action=edit&redlink=1" class="new" title="Yue:Mapbox GL (page does not exist)"> 粵語 </a></span></li></div> </div> <div class="nomobile" style="background:#EEE;padding:1px"> <div id="ExpandLanguages" class="hlist" style="font-weight:bold;max-height:10000000px;text-align:center"> <ul><li><a href="#top">Other languages...</a></li></ul> </div> </div> </div> <table border="0" cellspacing="0" cellpadding="4" dir="ltr" class="vcard mw-content-ltr" style="float:right;margin:.25em;margin-right:0;width:25%;background:#DFE;color:#222;border:1px solid #AAA;border-collapse:collapse"> <tbody><tr> <th colspan="2" style="border:none">Mapbox Maps SDK </th></tr> <tr> <td colspan="2" style="border:none;background:#FFF;text-align:center"><div style="border:9px solid #FFF; position:relative;"><a href="/wiki/File:Mapbox_logo_2017.svg" class="image"><img alt="Mapbox logo 2017.svg" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c4/Mapbox_logo_2017.svg/250px-Mapbox_logo_2017.svg.png" decoding="async" width="250" height="56" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c4/Mapbox_logo_2017.svg/375px-Mapbox_logo_2017.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/c/c4/Mapbox_logo_2017.svg/500px-Mapbox_logo_2017.svg.png 2x" /></a></div> </td></tr> <tr valign="top"> <td style="white-space:nowrap">Author:  </td> <td><a href="/wiki/Mapbox" title="Mapbox">Mapbox</a> </td></tr> <tr valign="top"> <td style="white-space:nowrap">License:  </td> <td>Proprietary (v2) and BSD (v1) </td></tr> <tr valign="top"> <td style="white-space:nowrap">Platforms:  </td> <td>Android,  iOS,  Web,  macOS, and  Qt </td></tr> <tr valign="top"> <td style="white-space:nowrap">Version:  </td> <td>Varies by platform </td></tr> <tr valign="top"> <td style="white-space:nowrap">Language:  </td> <td><div style="max-height: 140px; overflow-y: auto;">multiple languages</div> </td></tr> <tr valign="top"> <td style="white-space:nowrap">Website:  </td> <td><a rel="nofollow" class="external free" href="https://www.mapbox.com/maps/">https://www.mapbox.com/maps/</a> </td></tr> <tr valign="top"> <td style="white-space:nowrap">Install:  </td> <td><div><a rel="nofollow" class="external text" href="https://play.google.com/store/apps/details?id=com.mapbox.mapboxandroiddemo">Google Play</a></div><div><a rel="nofollow" class="external text" href="https://apps.apple.com/app/id1208400007">App Store</a></div> </td></tr> <tr valign="top"> <td style="white-space:nowrap">Source code:  </td> <td><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-js/">GL JS</a>, <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native-android/">Android</a>, <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native-ios/">iOS/macOS</a> </td></tr> <tr valign="top"> <td>Programming languages:  </td> <td>AppleScript, C++, Java, JavaScript, Kotlin, Objective-C, and Swift </td></tr> <tr valign="top"> <td colspan="2" style="font-style:italic"> <p>Embed customizable, interactive vector maps in Web, mobile, and desktop applications </p> </td> <td> </td></tr> <tr valign="top"> <td colspan="2"> <table class="nomobile mw-collapsible mw-collapsed" style="width:100%"> <caption class="nowrap">Features </caption> <tbody><tr> <td> <table class="wikitable" style="width:100%"> <tbody><tr> <th scope="col">Feature </th> <th scope="col">Value </th></tr> <tr> <th colspan="2">Map Display </th></tr> <tr> <th scope="row">Display map </th> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <th scope="row">Map data </th> <td>vector </td></tr> <tr> <th scope="row">Source </th> <td>online;cache;offline </td></tr> <tr> <th scope="row">Rotate map </th> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <th scope="row">3D view </th> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <th scope="row">Shows website </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Shows phone number </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Shows operation hours </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th colspan="2">Routing </th></tr> <tr> <th scope="row">Routing </th> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr> <tr> <th scope="row">Create route manually </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Calculate route </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Create route via Waypoints </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Routing profiles </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Turn restrictions </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Calculate route without Internet (Offline routing) </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Routing providers </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Avoid traffic </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Traffic Provider </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th colspan="2">Navigating </th></tr> <tr> <th scope="row">Navigate </th> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr> <tr> <th scope="row">Find location </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Find nearby POIs </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Navigate to point </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Navigation with voice / Voice guidance </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Keep on road </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Lane guidance </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Works without GPS </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Navigate along predefined route </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th colspan="2">Tracking </th></tr> <tr> <th scope="row">Make track </th> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr> <tr> <th scope="row">Customizable log interval </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Track formats </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Geotagging </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Fast POI buttons </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Upload GPX to OSM </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th colspan="2">Monitoring </th></tr> <tr> <th scope="row">Monitoring </th> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr> <tr> <th scope="row">Show current track </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Open existing track </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Altitude diagram </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Show POD value </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Satellite view </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Show live NMEA data </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Show speed </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Send current position </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th colspan="2">Editing <div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </th></tr> <tr> <th colspan="2">Rendering <div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </th></tr> <tr> <th colspan="2">Accessibility </th></tr> <tr> <th scope="row">Accessibility support </th> <td>blind </td></tr> <tr> <th scope="row">Complete non graphics text output </th> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr> <tr> <th scope="row">Braille interface </th> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr> <tr> <th scope="row">Exploration modus </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Public Transport mode </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Danger Warnings </th> <td><div style="display:inline-block;position:relative;margin:.2em;border:1px solid #AAA;background:#EEE;width:1.25em;height:1.25em;padding:1px;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;background:#EEE;color:#AAA;text-align:center;line-height:1.25"><b>?</b></div> </td></tr> <tr> <th scope="row">Screenreader </th> <td>VoiceOver </td></tr> <tr> <th scope="row">Screenreader languages </th> <td>EN </td></tr></tbody></table> </td></tr></tbody></table> </td></tr></tbody></table> <p>The <b>Mapbox Maps SDK</b> is a suite of proprietary – formerly open-source – libraries developed by <a href="/wiki/Mapbox" title="Mapbox">Mapbox</a> for embedding customizable <a href="/wiki/Slippy_Map" class="mw-redirect" title="Slippy Map">slippy maps</a> in Web, mobile, and desktop applications. There is also a library for building server-side or command-line rendering tools. The <a href="/wiki/MapLibre" title="MapLibre">MapLibre</a> project maintains a fork of the last free and open source versions. </p><p>The Mapbox Maps SDK is based on the <b>Mapbox GL</b> renderer, which takes <a href="#Mapbox_styles">#Mapbox styles</a>, applies them to <a href="/wiki/Vector_tiles" title="Vector tiles">vector tiles</a> that conform to the <a rel="nofollow" class="external text" href="https://www.mapbox.com/vector-tiles/specification/">Mapbox Vector Tile Specification</a> via <a rel="nofollow" class="external text" href="https://github.com/mapbox/tilejson-spec">TileJSON</a> manifests, and renders them dynamically using OpenGL for high performance. By default, Mapbox GL displays <a rel="nofollow" class="external text" href="https://www.mapbox.com/vector-tiles/mapbox-streets/">Mapbox Streets</a> vector tiles based on OpenStreetMap data. The developer can choose among <a rel="nofollow" class="external text" href="https://www.mapbox.com/maps/">several Mapbox-designed styles</a> or design a custom style in the graphical style editor of <a href="/wiki/Mapbox_Studio" title="Mapbox Studio">Mapbox Studio</a>. </p><p>On mobile platforms, the <a href="#Telemetry">Mapbox Telemetry</a> component uses the device's location data to facilitate improvements to OpenStreetMap data. </p><p>Mapbox GL also powers the <a rel="nofollow" class="external text" href="https://www.mapbox.com/api-documentation/#static">Mapbox Static API</a>, which produces static map images on the server side for situations where interactivity is unnecessary or impractical. Mapbox Studio supports <a rel="nofollow" class="external text" href="https://blog.mapbox.com/high-resolution-printing-arrives-in-mapbox-studio-cc0fafdba898">high-resolution printing</a> based on Mapbox GL. The Mapbox Maps SDK for Android and iOS is the basis of the Mapbox Navigation SDK for <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-navigation-android/">Android</a> and <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-navigation-ios/">iOS</a>. </p> <div id="toc" class="toc" role="navigation" aria-labelledby="mw-toc-heading"><input type="checkbox" role="button" id="toctogglecheckbox" class="toctogglecheckbox" style="display:none" /><div class="toctitle" lang="en" dir="ltr"><h2 id="mw-toc-heading">Contents</h2><span class="toctogglespan"><label class="toctogglelabel" for="toctogglecheckbox"></label></span></div> <ul> <li class="toclevel-1 tocsection-1"><a href="#Libraries"><span class="tocnumber">1</span> <span class="toctext">Libraries</span></a></li> <li class="toclevel-1 tocsection-2"><a href="#Mapbox_styles"><span class="tocnumber">2</span> <span class="toctext">Mapbox styles</span></a></li> <li class="toclevel-1 tocsection-3"><a href="#Features"><span class="tocnumber">3</span> <span class="toctext">Features</span></a></li> <li class="toclevel-1 tocsection-4"><a href="#History"><span class="tocnumber">4</span> <span class="toctext">History</span></a></li> <li class="toclevel-1 tocsection-5"><a href="#Telemetry"><span class="tocnumber">5</span> <span class="toctext">Telemetry</span></a></li> <li class="toclevel-1 tocsection-6"><a href="#Notes_and_references"><span class="tocnumber">6</span> <span class="toctext">Notes and references</span></a></li> <li class="toclevel-1 tocsection-7"><a href="#External_links"><span class="tocnumber">7</span> <span class="toctext">External links</span></a></li> </ul> </div> <h2><span class="mw-headline" id="Libraries">Libraries</span></h2> <p>The Mapbox Maps SDK is available as a freely downloadable library on a number of platforms. Version numbers vary by platform. The following libraries are officially supported by <a href="/wiki/Mapbox" title="Mapbox">Mapbox</a>, except for the macOS SDK. The macOS SDK is community-maintained, although it shares the majority of its code with the Mapbox-developed iOS SDK. The Android, iOS, macOS, Qt, and Node libraries are collectively referred to as “Mapbox GL Native”, since they target native platform technologies via compiled languages. </p> <table class="wikitable sortable"> <tbody><tr> <th>Library</th> <th>Platform</th> <th>Target languages</th> <th>Latest release </th></tr> <tr> <td><a rel="nofollow" class="external text" href="https://www.mapbox.com/mapbox-gl-js/">Mapbox GL JS</a></td> <td>Web</td> <td>JavaScript</td> <td><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-js/releases/latest/">Download</a> </td></tr> <tr> <td><a rel="nofollow" class="external text" href="https://www.mapbox.com/android-sdk/">Mapbox Maps SDK for Android</a></td> <td>Android</td> <td>Java, Kotlin</td> <td><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native-android/releases/">Look for “android-”</a> </td></tr> <tr> <td><a rel="nofollow" class="external text" href="https://www.mapbox.com/ios-sdk/">Mapbox Maps SDK for iOS</a></td> <td>iOS</td> <td>Objective-C, Swift, Interface Builder</td> <td><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native-ios/releases/">Look for “ios-”</a> </td></tr> <tr> <td><a rel="nofollow" class="external text" href="https://mapbox.github.io/mapbox-gl-native/macos/">Mapbox Maps SDK for macOS</a></td> <td>macOS</td> <td>Objective-C, Swift, Interface Builder, AppleScript</td> <td><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native-ios/releases/">Look for “macos-”</a>, maintained by community only </td></tr> <tr> <td><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/tree/master/platform/node/">node-mapbox-gl-native</a></td> <td>Node.js</td> <td>JavaScript</td> <td><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/releases/">Look for “node-”</a>, latest release in 2019<sup id="cite_ref-node-mapbox-gl-native-last-release_2-0" class="reference"><a href="#cite_note-node-mapbox-gl-native-last-release-2">[2]</a></sup> </td></tr></tbody></table> <p>The Qt Location API in Qt 5.9 and the Qt Automotive Suite includes a <a rel="nofollow" class="external text" href="https://doc.qt.io/qt-5/location-plugin-mapboxgl.html">Mapbox GL geoservices plugin</a>.<sup id="cite_ref-3" class="reference"><a href="#cite_note-3">[3]</a></sup> The Mapbox Maps SDK for <a href="/wiki/Unity" title="Unity">Unity</a> and the <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-scenekit/">Mapbox SceneKit SDK</a> are not based on Mapbox GL but nonetheless support many of the same technologies. </p><p>Some compatibility libraries for hybrid application toolkits are contributed by Telerik and other members of the Mapbox developer community: </p> <ul><li><a rel="nofollow" class="external text" href="http://plugins.telerik.com/cordova/plugin/mapbox">Cordova</a></li> <li><a rel="nofollow" class="external text" href="https://pub.dartlang.org/packages/mapbox_gl/">Flutter</a></li> <li><a rel="nofollow" class="external text" href="https://market.nativescript.org/plugins/nativescript-mapbox/">NativeScript</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/react-native-mapbox-gl/maps/">React Native</a></li> <li>Xamarin: <ul><li><a rel="nofollow" class="external text" href="https://www.nuget.org/packages/Mapbox.iOS.SDK/">Mapbox.iOS.SDK</a></li> <li><a rel="nofollow" class="external text" href="https://www.nuget.org/packages/Mapbox.Android.Sdk/">Mapbox.Android.Sdk</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/naxam/mapbox-ios-binding">Mapbox for Xamarin.iOS</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/naxam/mapbox-android-binding">Mapbox for Xamarin.Android</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/naxam/mapbox-xamarin-forms">Mapbox for Xamarin.Forms</a></li></ul></li></ul> <p>The following plugins embed Mapbox GL JS in virtual reality scene graphs: </p> <ul><li><a rel="nofollow" class="external text" href="https://github.com/jesstelford/aframe-map/">A-Frame</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/mattrei/aframe-mapbox-component/">A-Frame Mapbox Component</a></li></ul> <p>The following plugins embed Mapbox GL JS in prototyping environments: </p> <ul><li><a rel="nofollow" class="external text" href="https://www.figma.com/c/plugin/736458162635847353/Mapsicle">Mapsicle Figma plugin</a></li> <li><a rel="nofollow" class="external text" href="https://store.framer.com/package/mapbox/mapbox">Framer X</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/mapbox/framer-example/">Framer</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/bpxl-labs/MapboxLayer/">Framer</a></li></ul> <p>The following plugins embed Mapbox GL JS in analysis environments: </p> <ul><li><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapboxgl-jupyter/">Jupyter</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapboxgl-powerbi/">Microsoft PowerBI</a></li> <li><a rel="nofollow" class="external text" href="https://beta.observablehq.com/@tmcw/using-mapbox-gl-js">Observable</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/rstudio/leaflet.mapboxgl/">RStudio</a></li></ul> <p>The Mapbox GL–powered <a rel="nofollow" class="external text" href="https://www.mapbox.com/api-documentation/#static">Mapbox Static API</a> is available through the following client-side libraries: </p> <ul><li><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-java/">Mapbox Java SDK</a> (<code>com.mapbox.api.staticmap</code> package) in Java SE and on Android</li> <li><a rel="nofollow" class="external text" href="https://github.com/mapbox/MapboxStatic.swift">MapboxStatic.swift</a> in Swift, Objective-C, and AppleScript on iOS, macOS, tvOS, and watchOS</li></ul> <h2><span class="mw-headline" id="Mapbox_styles">Mapbox styles</span></h2> <dl><dd><i>Main article:</i> <a href="/wiki/Mapbox_styles" title="Mapbox styles">Mapbox styles</a></dd></dl> <p>Mabox GL has its own format for <a href="/wiki/Stylesheets" title="Stylesheets">stylesheets</a>, described in the <a rel="nofollow" class="external text" href="https://www.mapbox.com/mapbox-gl-js/style-spec/">Mapbox Style Specification</a>. </p><p>Mapbox styles are available via the <a rel="nofollow" class="external text" href="https://docs.mapbox.com/api/maps/styles/">Mapbox Styles API</a>. More styles <a rel="nofollow" class="external text" href="https://github.com/NatEvatt/awesome-mapbox-gl-styles">can be found on GitHub</a>. </p><p>Mapbox styles may be edited with the proprietary <a href="/wiki/Mapbox_Studio" title="Mapbox Studio">Mapbox Studio</a> or the open source <a href="/wiki/Maputnik" title="Maputnik">Maputnik</a>. </p> <h2><span class="mw-headline" id="Features">Features</span></h2> <p>The Mapbox Maps SDK's feature set varies by platform. In general, rendering features are added to Mapbox GL JS first then ported to the native SDKs, while smartphone-centric features tend to be specific to the native SDKs. </p><p>This table was last updated 01:40, 9 November 2018 (UTC). </p> <table class="wikitable sortable"> <tbody><tr> <th>Feature</th> <th>JS</th> <th>Android</th> <th>iOS</th> <th>macOS</th> <th>Qt</th> <th>node.js </th></tr> <tr> <td>OSM base map</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Terrain base map</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Satellite base map</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Custom styles</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>High-resolution rendering (Retina)</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Continuous zooming</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Rotation</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Perspective (tilt, pitch)</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Axonometric (orthographic, skewed) projection</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td colspan="4" style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no"><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/issues/11882">No</a></td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td><a href="/wiki/Map_internationalization" title="Map internationalization">Localized labels</a></td> <td style="background: #ddffdd; color: black; vertical-align: middle; text-align: center;">Optional<sup id="cite_ref-4" class="reference"><a href="#cite_note-4">[a 1]</a></sup></td> <td style="background: #ddffdd; color: black; vertical-align: middle; text-align: center;">Optional<sup id="cite_ref-5" class="reference"><a href="#cite_note-5">[a 2]</a></sup></td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no<sup id="cite_ref-I18n_runtime_styling_6-0" class="reference"><a href="#cite_note-I18n_runtime_styling-6">[a 3]</a></sup></td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no<sup id="cite_ref-I18n_runtime_styling_6-1" class="reference"><a href="#cite_note-I18n_runtime_styling-6">[a 3]</a></sup> </td></tr> <tr> <td><a href="/wiki/Simple_3D_buildings" class="mw-redirect" title="Simple 3D buildings">3D building extrusion</a></td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Styleable DEM terrain</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Heat maps</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Viewport animation</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A </td></tr> <tr> <td>Multitouch gestures</td> <td style="background:#FFB;color:#000;vertical-align:middle;text-align:center;" class="table-partial">partial</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A </td></tr> <tr> <td>Keyboard shortcuts</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no"><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/issues/7625">No</a></td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A </td></tr> <tr> <td>Markers (point annotations)</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr> <tr> <td>Marker views (view-backed annotations)</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background: #ddffdd; color: black; vertical-align: middle; text-align: center;">Optional<sup id="cite_ref-MarkerView_7-0" class="reference"><a href="#cite_note-MarkerView-7">[a 4]</a></sup></td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no"><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/issues/5035">No</a></td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr> <tr> <td>Marker keyframe animation</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background: #ddffdd; color: black; vertical-align: middle; text-align: center;">Optional<sup id="cite_ref-MarkerView_7-1" class="reference"><a href="#cite_note-MarkerView-7">[a 4]</a></sup></td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no"><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/issues/5035">No</a></td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A </td></tr> <tr> <td>Shape overlays (shape annotations)</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr> <tr> <td>Arbitrary <a href="/wiki/GeoJSON" title="GeoJSON">GeoJSON</a></td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>GeoJSON point clustering</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Popups (callouts, popovers, info windows)</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A </td></tr> <tr> <td>Tooltips</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A </td></tr> <tr> <td>Georeferenced images</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Embedded video</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td colspan="4" style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no"><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/issues/601">No</a></td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A </td></tr> <tr> <td>User location (user dot)</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no"><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/issues/4983">No</a></td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A </td></tr> <tr> <td>Customizable user dot</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A </td></tr> <tr> <td>User location tracking (GPS tracking)</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A </td></tr> <tr> <td><a href="#Telemetry">Telemetry</a></td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background: #ddffdd; color: black; vertical-align: middle; text-align: center;">Optional</td> <td style="background: #ddffdd; color: black; vertical-align: middle; text-align: center;">Optional</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr> <tr> <td><a href="/wiki/Offline_Openstreetmap" class="mw-redirect" title="Offline Openstreetmap">Offline maps</a></td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr> <tr> <td><a href="/wiki/WMS" title="WMS">WMS</a></td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td><a href="/wiki/TMS" title="TMS">TMS</a></td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Attribution control</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr> <tr> <td>Scale control</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background: #ddffdd; color: black; vertical-align: middle; text-align: center;">Optional<sup id="cite_ref-ScaleBar_8-0" class="reference"><a href="#cite_note-ScaleBar-8">[a 5]</a></sup></td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr> <tr> <td>Localized UI</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A </td></tr> <tr> <td>Bidirectional (right-to-left) text</td> <td style="background: #ddffdd; color: black; vertical-align: middle; text-align: center;">Optional</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Complex text shaping</td> <td style="background: #ddffdd; color: black; vertical-align: middle; text-align: center;">Optional<sup id="cite_ref-Bidi_9-0" class="reference"><a href="#cite_note-Bidi-9">[a 6]</a></sup></td> <td style="background:#FFB;color:#000;vertical-align:middle;text-align:center;" class="table-partial">partial<sup id="cite_ref-Bidi_9-1" class="reference"><a href="#cite_note-Bidi-9">[a 6]</a></sup></td> <td style="background:#FFB;color:#000;vertical-align:middle;text-align:center;" class="table-partial">partial<sup id="cite_ref-Bidi_9-2" class="reference"><a href="#cite_note-Bidi-9">[a 6]</a></sup></td> <td style="background:#FFB;color:#000;vertical-align:middle;text-align:center;" class="table-partial">partial<sup id="cite_ref-Bidi_9-3" class="reference"><a href="#cite_note-Bidi-9">[a 6]</a></sup></td> <td style="background:#FFB;color:#000;vertical-align:middle;text-align:center;" class="table-partial">partial<sup id="cite_ref-Bidi_9-4" class="reference"><a href="#cite_note-Bidi-9">[a 6]</a></sup></td> <td style="background:#FFB;color:#000;vertical-align:middle;text-align:center;" class="table-partial">partial<sup id="cite_ref-Bidi_9-5" class="reference"><a href="#cite_note-Bidi-9">[a 6]</a></sup> </td></tr> <tr> <td>Vertical CJK text</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Data-driven styling (property expressions)</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#FFB;color:#000;vertical-align:middle;text-align:center;" class="table-partial">Partial<sup id="cite_ref-Expressions_10-0" class="reference"><a href="#cite_note-Expressions-10">[a 7]</a></sup><sup id="cite_ref-11" class="reference"><a href="#cite_note-11">[a 8]</a></sup> </td></tr> <tr> <td>Style introspection (runtime styling)</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#FFB;color:#000;vertical-align:middle;text-align:center;" class="table-partial">partial</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Data introspection (feature eventing, feature querying)</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#FFB;color:#000;vertical-align:middle;text-align:center;" class="table-partial">partial<sup id="cite_ref-Query_rendered_features_12-0" class="reference"><a href="#cite_note-Query_rendered_features-12">[a 9]</a></sup> </td></tr> <tr> <td>Screenreader support (accessibility)</td> <td style="background: #ddffdd; color: black; vertical-align: middle; text-align: center;">Optional<sup id="cite_ref-13" class="reference"><a href="#cite_note-13">[a 10]</a></sup></td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no"><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/issues/4986">No</a></td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A </td></tr> <tr> <td>Text scaling (Dynamic Type)</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td colspan="2" style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no"><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/pull/9734">In progress</a></td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr> <tr> <td>Static snapshots</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes </td></tr> <tr> <td>Printing</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no"><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/issues/5630">No</a></td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="font-size:smaller;background:#EEE;color:#333;vertical-align:middle;text-align:center;" class="table-na">N/A </td></tr> <tr> <td>IDE integration (code completion, documentation)</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr> <tr> <td>Dash docset</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no"><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/issues/5837">No</a></td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#bfb;color:#000;vertical-align:middle;text-align:center;" class="table-yes">yes</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no</td> <td style="background:#F99;color:#000;vertical-align:middle;text-align:center;" class="table-no">no </td></tr></tbody></table> <div class="mw-references-wrap"><ol class="references"> <li id="cite_note-4"><span class="mw-cite-backlink"><a href="#cite_ref-4">↑</a></span> <span class="reference-text">Via <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-language/">the Mapbox GL Language plugin</a>.</span> </li> <li id="cite_note-5"><span class="mw-cite-backlink"><a href="#cite_ref-5">↑</a></span> <span class="reference-text">Via <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-plugins-android/pull/74">the Localization plugin</a>.</span> </li> <li id="cite_note-I18n_runtime_styling-6"><span class="mw-cite-backlink">↑ <sup><a href="#cite_ref-I18n_runtime_styling_6-0">3.0</a></sup> <sup><a href="#cite_ref-I18n_runtime_styling_6-1">3.1</a></sup></span> <span class="reference-text">No built-in option, but a specific language can be specified by the style or application using runtime styling.</span> </li> <li id="cite_note-MarkerView-7"><span class="mw-cite-backlink">↑ <sup><a href="#cite_ref-MarkerView_7-0">4.0</a></sup> <sup><a href="#cite_ref-MarkerView_7-1">4.1</a></sup></span> <span class="reference-text">Via <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-plugins-android/tree/master/plugin-markerview/src/main/java/com/mapbox/mapboxsdk/plugins/markerview/">the MarkerView plugin</a>.</span> </li> <li id="cite_note-ScaleBar-8"><span class="mw-cite-backlink"><a href="#cite_ref-ScaleBar_8-0">↑</a></span> <span class="reference-text">Via <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-plugins-android/tree/master/plugin-scalebar/">the ScaleBar plugin</a>.</span> </li> <li id="cite_note-Bidi-9"><span class="mw-cite-backlink">↑ <sup><a href="#cite_ref-Bidi_9-0">6.0</a></sup> <sup><a href="#cite_ref-Bidi_9-1">6.1</a></sup> <sup><a href="#cite_ref-Bidi_9-2">6.2</a></sup> <sup><a href="#cite_ref-Bidi_9-3">6.3</a></sup> <sup><a href="#cite_ref-Bidi_9-4">6.4</a></sup> <sup><a href="#cite_ref-Bidi_9-5">6.5</a></sup></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/issues/7774">Arabic and Hebrew only</a>.</span> </li> <li id="cite_note-Expressions-10"><span class="mw-cite-backlink"><a href="#cite_ref-Expressions_10-0">↑</a></span> <span class="reference-text">Expressions are not yet supported.</span> </li> <li id="cite_note-11"><span class="mw-cite-backlink"><a href="#cite_ref-11">↑</a></span> <span class="reference-text">Data-driven styling at runtime is <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/issues/8495">not yet supported</a>.</span> </li> <li id="cite_note-Query_rendered_features-12"><span class="mw-cite-backlink"><a href="#cite_ref-Query_rendered_features_12-0">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/issues/5792">Queries rendered features only</a>. Source feature querying is not yet implemented.</span> </li> <li id="cite_note-13"><span class="mw-cite-backlink"><a href="#cite_ref-13">↑</a></span> <span class="reference-text">Via <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-accessibility/">the Mapbox GL Accessibility plugin</a>.</span> </li> </ol></div> <p>You can track the effort to ensure feature parity between the various platforms: </p> <ul><li><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-js/labels/GL%20native%20→%20GL%20JS">Features in the native SDKs but not GL JS</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/labels/GL%20JS%20parity">Features in GL JS but not the native SDKs</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-js/labels/mapbox.js%20→%20GL%20JS">Features in mapbox.js but not GL JS</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/projects/10">Features in the iOS SDK but not in the macOS SDK</a></li></ul> <p>The <a rel="nofollow" class="external text" href="https://www.mapbox.com/mapbox-gl-js/roadmap/">GL JS roadmap</a> lists current and upcoming priorities for Mapbox GL JS and, by extension, the other SDKs. </p> <h2><span class="mw-headline" id="History">History</span></h2> <p>Originally, Mapbox developed raster map libraries: <a href="/w/index.php?title=Mapbox.js&action=edit&redlink=1" class="new" title="Mapbox.js (page does not exist)">mapbox.js</a> for the Web; the Mapbox iOS SDK, based on <a href="/wiki/Route-Me" title="Route-Me">Route-Me</a>; <a href="/w/index.php?title=MBXMapKit&action=edit&redlink=1" class="new" title="MBXMapKit (page does not exist)">MBXMapKit</a>, based on Apple’s MapKit framework, also for iOS; and the Mapbox Android SDK. Over time, Mapbox has deprecated these libraries in favor of vector map libraries. </p><p>Mapbox GL JS was <a rel="nofollow" class="external text" href="https://www.mapbox.com/blog/mapbox-gl-js/">introduced</a> in August 2014. An <a rel="nofollow" class="external text" href="https://www.mapbox.com/blog/mapbox-android/">Android port</a> began in January 2014, followed by a preview of an <a rel="nofollow" class="external text" href="https://www.mapbox.com/blog/mapbox-gl/">iOS port</a> that June. Mapbox GL for iOS <a rel="nofollow" class="external text" href="https://www.mapbox.com/blog/mapbox-mobile/">officially launched</a> in May 2015 before being <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/releases/tag/ios-v2.0.0-pre.1">renamed</a> “Mapbox iOS SDK”. The Mapbox Android SDK <a rel="nofollow" class="external text" href="https://www.mapbox.com/blog/mapbox-mobile-android/">launched</a> in October 2015. React Native Mapbox GL <a rel="nofollow" class="external text" href="https://github.com/mapbox/react-native-mapbox-gl/releases/tag/2.2.0">began</a> in December 2015 as an experimental project. </p><p>The <a rel="nofollow" class="external text" href="https://www.mapbox.com/blog/qt-framework-support/">Mapbox Qt SDK</a> and <a rel="nofollow" class="external text" href="https://www.mapbox.com/blog/osx-sdk/">Mapbox OS X SDK</a> launched in May 2016; the latter was renamed “Mapbox macOS SDK”. In June 2017, the Mapbox Qt SDK was incorporated into Qt 5.9 and the Qt Automotive Suite as the “Qt Location Mapbox GL plugin”. <a rel="nofollow" class="external autonumber" href="https://www.mapbox.com/blog/qt-automotive/">[1]</a> React Native Mapbox GL <a rel="nofollow" class="external text" href="https://blog.mapbox.com/our-react-native-gl-library-is-in-alpha-7456f2af685">relaunched</a> as an official Mapbox product in September 2017. The Android, iOS, macOS, and Qt SDKs were <a rel="nofollow" class="external text" href="https://blog.mapbox.com/the-next-evolution-of-our-maps-sdk-for-ios-and-android-ff54b2b00aea">renamed to the “Mapbox Maps SDK”</a> in November and December 2017. React Native Mapbox GL transitioned to community-led development in February 2019. <a rel="nofollow" class="external autonumber" href="https://github.com/mapbox/react-native-mapbox-gl/issues/1238#issuecomment-461585880">[2]</a> </p><p>In November 2019, the Android, iOS, and macOS map SDKs moved to new forked repositories while the cross-platform Mapbox GL Native codebase remained in the original repository. <a rel="nofollow" class="external autonumber" href="https://github.com/mapbox/mapbox-gl-native/issues/15971">[3]</a>. </p><p>In December 2020, Mapbox GL JS moved from 3-Clause BSD license to proprietary <a rel="nofollow" class="external text" href="https://www.mapbox.com/tos/">Mapbox Terms of Service</a>. It may only be used by Mapbox clients. The last release under BSD license, v1.31.1, served as a base <a rel="nofollow" class="external text" href="https://maplibre.org/">MapLibre GL JS</a>, an independent fork. In April 2020, the last versions of Mapbox GL Native (1.6.0, android-9.2.1 and ios-5.9) were released under BSD license. Later versions of Mapbox GL Native core are released in binary form under Mapbox Terms of Service only. The SDKs for iOS and Android themselves are still BSD but depend on the non-free binary. The MapLibre community maintains a fork of the free version called <a rel="nofollow" class="external text" href="https://github.com/maplibre/maplibre-gl-native">MapLibre GL Native</a> as well<sup id="cite_ref-maplibre-gl-maptiler_14-0" class="reference"><a href="#cite_note-maplibre-gl-maptiler-14">[4]</a></sup>. </p> <h2><span class="mw-headline" id="Telemetry">Telemetry</span></h2> <p>The Mapbox Maps SDK for Android and iOS features Mapbox Telemetry, a component that sends the user's location to Mapbox servers in anonymized, aggregated form. This data is either collected at all times or while the application is in use, depending on the application's configuration. Mapbox uses the collected location data for the purpose of: </p> <ul><li>Helping the <a href="/wiki/Mapbox#Mapbox_Data_Team" title="Mapbox">Mapbox Data Team</a> target improvements to OpenStreetMap where they're most needed. For example, if a high volume of location data points indicates that drivers consistently avoid turning left at a given intersection, the team can enter a <a href="/wiki/Relation:restriction" title="Relation:restriction">turn restriction</a> into OpenStreetMap with greater confidence.</li> <li>Powering OpenStreetMap-based maps that indicate traffic congestion and <a href="/wiki/Open_Source_Routing_Machine" title="Open Source Routing Machine">OSRM</a>-powered directions that avoid traffic congestion, helping OpenStreetMap-based maps achieve feature parity with maps based on proprietary data sources.</li></ul> <p>The SDKs for Android and iOS provide an option for privacy-conscious end users to turn off Mapbox Telemetry at any time. <a rel="nofollow" class="external text" href="https://www.mapbox.com/telemetry/">More information about Mapbox Telemetry</a>, including how Mapbox uses this data while protecting users' privacy and minimizing battery usage. Mapbox GL JS for usage on the web may only be used with enabled telemetry,<sup id="cite_ref-gl-js-telemetry-required_15-0" class="reference"><a href="#cite_note-gl-js-telemetry-required-15">[5]</a></sup> which does not include the location tracking found in the mobile SDKs. </p> <h2><span class="mw-headline" id="Notes_and_references">Notes and references</span></h2> <div class="references-small references-column reflist-" style="column-width:30em; column-count: 3; break-inside: avoid-column;"> <div class="mw-references-wrap"><ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://www.npmjs.com/package/mapbox-gl/v/2.0.0">mapbox-gl-js 2.0.0 on NPM</a></span> </li> <li id="cite_note-node-mapbox-gl-native-last-release-2"><span class="mw-cite-backlink"><a href="#cite_ref-node-mapbox-gl-native-last-release_2-0">↑</a></span> <span class="reference-text">Latest release for Node is <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/releases/tag/node-v5.0.3-alpha">5.0.3-alpha</a> from 24 October 2019.</span> </li> <li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text">The Mapbox GL geoservices plugin is based on the <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/tree/master/platform/qt/Mapbox">Maps SDK for Qt</a>. The SDK itself was last updated <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/releases/">in March 2018</a>.</span> </li> <li id="cite_note-maplibre-gl-maptiler-14"><span class="mw-cite-backlink"><a href="#cite_ref-maplibre-gl-maptiler_14-0">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://www.maptiler.com/news/2021/01/mapbox-gl-open-source-fork/">MapLibre: Mapbox GL open-source fork</a>, MapTiler blog, 8 January 2021</span> </li> <li id="cite_note-gl-js-telemetry-required-15"><span class="mw-cite-backlink"><a href="#cite_ref-gl-js-telemetry-required_15-0">↑</a></span> <span class="reference-text">Mapbox GL JS is <a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-js/blob/main/LICENSE.txt">licensed</a> under Mapbox Terms of Service whose section 2.1 includes the <a rel="nofollow" class="external text" href="https://assets.website-files.com/5d4296d7a839ea49599adba1/602d6bc7d45fdf55a03f3db5_Mapbox%20Service%20Terms.pdf">Service Terms</a>. The Service Terms section 8.1 prohibit modifications interfering how Mapbox Web SDK send data to Mapbox.</span> </li> </ol></div></div> <h2><span class="mw-headline" id="External_links">External links</span></h2> <ul><li><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-js">Mapbox GL JS</a><sup> GitHub</sup></li> <li><a rel="nofollow" class="external text" href="https://github.com/mapbox-gl-native-android">Mapbox Maps SDK for Android</a><sup> GitHub</sup></li> <li><a rel="nofollow" class="external text" href="https://github.com/mapbox-gl-native-ios">Mapbox Maps SDK for iOS and macOS</a><sup> GitHub</sup></li> <li><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native">Mapbox GL Native</a><sup> GitHub</sup> (plus Node.js, Qt)</li> <li><a rel="nofollow" class="external text" href="https://www.transifex.com/mapbox/mapbox-gl-native/">Translate Mapbox GL Native</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-plugins-android/">Mapbox Plugins for Android</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-plugins-ios/">Mapbox Plugins for iOS</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-scenekit/">Mapbox SceneKit SDK</a> – generates scenes based on Mapbox vector tiles in SceneKit on iOS</li> <li><a rel="nofollow" class="external text" href="https://www.mapbox.com/unity/">Mapbox Maps SDK for Unity</a> – generates scenes based on Mapbox vector tiles on the <a href="/wiki/Unity" title="Unity">Unity</a> platform</li> <li><a rel="nofollow" class="external text" href="https://github.com/mapbox/mapbox-gl-native/pull/9319">Pull request for porting Mapbox Maps SDK for iOS to tvOS</a></li> <li><a rel="nofollow" class="external text" href="http://nguyen.cincinnati.oh.us/minh/osm/sotmus2017/mobile-notes.pdf">A Thousand Maps in Your Pocket</a> <span class="plainlinks" style="white-space:nowrap"><a rel="nofollow" class="external text" href="https://www.youtube.com/watch?v=l1ZKGkl5yng&t=18m50s"><img alt="YouTube Logo" src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/YouTube_full-color_icon_%282017%29.svg/29px-YouTube_full-color_icon_%282017%29.svg.png" decoding="async" title="Play on YouTube" width="29" height="20" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/YouTube_full-color_icon_%282017%29.svg/43px-YouTube_full-color_icon_%282017%29.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/YouTube_full-color_icon_%282017%29.svg/57px-YouTube_full-color_icon_%282017%29.svg.png 2x" /></a></span> – presentation about mobile maps at <a href="/wiki/State_of_the_Map_U.S._2017" class="mw-redirect" title="State of the Map U.S. 2017">State of the Map U.S. 2017</a></li></ul>    </div> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://wiki.openstreetmap.org/w/index.php?title=Mapbox_GL&oldid=2732576">https://wiki.openstreetmap.org/w/index.php?title=Mapbox_GL&oldid=2732576</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Special:Categories" title="Special:Categories">Categories</a>: <ul><li><a href="/wiki/Category:Miscellaneous_software_licenses" title="Category:Miscellaneous software licenses">Miscellaneous software licenses</a></li><li><a href="/wiki/Category:Android_software" title="Category:Android software">Android software</a></li><li><a href="/wiki/Category:IOS_software" title="Category:IOS software">IOS software</a></li><li><a href="/wiki/Category:Web_software" title="Category:Web software">Web software</a></li><li><a href="/wiki/Category:MacOS_software" title="Category:MacOS software">MacOS software</a></li><li><a href="/wiki/Category:Qt_software" title="Category:Qt software">Qt software</a></li><li><a href="/wiki/Category:Cross-platform_software" title="Category:Cross-platform software">Cross-platform software</a></li><li><a href="/wiki/Category:AppleScript" title="Category:AppleScript">AppleScript</a></li><li><a href="/wiki/Category:C%2B%2B" title="Category:C++">C++</a></li><li><a href="/wiki/Category:Java" title="Category:Java">Java</a></li><li><a href="/wiki/Category:JavaScript" title="Category:JavaScript">JavaScript</a></li><li><a href="/wiki/Category:Kotlin" title="Category:Kotlin">Kotlin</a></li><li><a href="/wiki/Category:Objective-C" title="Category:Objective-C">Objective-C</a></li><li><a href="/wiki/Category:Swift" title="Category:Swift">Swift</a></li><li><a href="/wiki/Category:Renderers" title="Category:Renderers">Renderers</a></li><li><a href="/wiki/Category:Mapbox" title="Category:Mapbox">Mapbox</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Hidden categories: <ul><li><a href="/wiki/Category:Pages_unavailable_in_German" title="Category:Pages unavailable in German">Pages unavailable in German</a></li><li><a href="/wiki/Category:Pages_unavailable_in_French" title="Category:Pages unavailable in French">Pages unavailable in French</a></li><li><a href="/wiki/Category:Pages_unavailable_in_Italian" title="Category:Pages unavailable in Italian">Pages unavailable in Italian</a></li><li><a href="/wiki/Category:Pages_unavailable_in_Dutch" title="Category:Pages unavailable in Dutch">Pages unavailable in Dutch</a></li><li><a href="/wiki/Category:Pages_unavailable_in_Russian" title="Category:Pages unavailable in Russian">Pages unavailable in Russian</a></li><li><a href="/wiki/Category:Pages_unavailable_in_Japanese" title="Category:Pages unavailable in Japanese">Pages unavailable in Japanese</a></li><li><a href="/wiki/Category:Software_with_no_status_specified" title="Category:Software with no status specified">Software with no status specified</a></li></ul></div></div> </div> </div> <div id="mw-navigation"> <h2>Navigation menu</h2> <div id="mw-head"> <nav id="p-personal" class="vector-menu mw-portlet mw-portlet-personal vector-user-menu-legacy" aria-labelledby="p-personal-label" role="navigation" > <h3 id="p-personal-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Personal tools</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="pt-uls" class="mw-list-item active"><a class="uls-trigger" href="#"><span>English</span></a></li><li id="pt-createaccount" class="mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&returnto=Mapbox+GL" title="You are encouraged to create an account and log in; however, it is not mandatory"><span>Create account</span></a></li><li id="pt-login" class="mw-list-item"><a href="/w/index.php?title=Special:UserLogin&returnto=Mapbox+GL" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o"><span>Log in</span></a></li></ul> </div> </nav> <div id="left-navigation"> <nav id="p-namespaces" class="vector-menu mw-portlet mw-portlet-namespaces vector-menu-tabs vector-menu-tabs-legacy" aria-labelledby="p-namespaces-label" role="navigation" > <h3 id="p-namespaces-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Namespaces</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="ca-nstab-main" class="selected mw-list-item"><a href="/wiki/Mapbox_GL" title="View the content page [c]" accesskey="c"><span>Page</span></a></li><li id="ca-talk" class="new mw-list-item"><a href="/w/index.php?title=Talk:Mapbox_GL&action=edit&redlink=1" rel="discussion" title="Discussion about the content page (page does not exist) [t]" accesskey="t"><span>Discussion</span></a></li></ul> </div> </nav> <nav id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet vector-menu-dropdown" aria-labelledby="p-variants-label" role="navigation" > <input type="checkbox" id="p-variants-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-variants" class="vector-menu-checkbox" aria-labelledby="p-variants-label" /> <label id="p-variants-label" aria-label="Change language variant" class="vector-menu-heading " > <span class="vector-menu-heading-label">English</span> </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"></ul> </div> </nav> </div> <div id="right-navigation"> <nav id="p-views" class="vector-menu mw-portlet mw-portlet-views vector-menu-tabs vector-menu-tabs-legacy" aria-labelledby="p-views-label" role="navigation" > <h3 id="p-views-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Views</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="ca-view" class="selected mw-list-item"><a href="/wiki/Mapbox_GL"><span>Read</span></a></li><li id="ca-viewsource" class="mw-list-item"><a href="/w/index.php?title=Mapbox_GL&action=edit" title="This page is protected.
You can view its source [e]" accesskey="e"><span>View source</span></a></li><li id="ca-history" class="mw-list-item"><a href="/w/index.php?title=Mapbox_GL&action=history" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li></ul> </div> </nav> <nav id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-menu-dropdown" aria-labelledby="p-cactions-label" role="navigation" title="More options" > <input type="checkbox" id="p-cactions-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-cactions" class="vector-menu-checkbox" aria-labelledby="p-cactions-label" /> <label id="p-cactions-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">More</span> </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"></ul> </div> </nav> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <div> <h3 > <label for="searchInput">Search</label> </h3> <form action="/w/index.php" id="searchform" class="vector-search-box-form"> <div id="simpleSearch" class="vector-search-box-inner" data-search-loc="header-navigation"> <input class="vector-search-box-input" type="search" name="search" placeholder="Search OpenStreetMap Wiki" aria-label="Search OpenStreetMap Wiki" autocapitalize="sentences" title="Search OpenStreetMap Wiki [f]" accesskey="f" id="searchInput" > <input type="hidden" name="title" value="Special:Search"> <input id="mw-searchButton" class="searchButton mw-fallbackSearchButton" type="submit" name="fulltext" title="Search the pages for this text" value="Search"> <input id="searchButton" class="searchButton" type="submit" name="go" title="Go to a page with this exact name if it exists" value="Go"> </div> </form> </div> </div> </div> </div> <div id="mw-panel"> <div id="p-logo" role="banner"> <a class="mw-wiki-logo" href="/wiki/Main_Page" title="Visit the main page"></a> </div> <nav id="p-site" class="vector-menu mw-portlet mw-portlet-site vector-menu-portal portal" aria-labelledby="p-site-label" role="navigation" > <h3 id="p-site-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Site</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="n-mainpage" class="mw-list-item"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z"><span>Main Page</span></a></li><li id="n-osm-homepage" class="mw-list-item"><a href="https://www.openstreetmap.org/"><span>The map</span></a></li><li id="n-mapfeatures" class="mw-list-item"><a href="/wiki/Map_features"><span>Map Features</span></a></li><li id="n-contributors" class="mw-list-item"><a href="/wiki/Contributors"><span>Contributors</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Get_help" title="The place to find out"><span>Help</span></a></li><li id="n-blogs" class="mw-list-item"><a href="/wiki/OSM_Blogs"><span>Blogs</span></a></li><li id="n-Shop" class="mw-list-item"><a href="/wiki/Merchandise"><span>Shop</span></a></li><li id="n-sitesupport" class="mw-list-item"><a href="/wiki/Donations"><span>Donations</span></a></li><li id="n-talk-wiki" class="mw-list-item"><a href="/wiki/Talk:Wiki"><span>Wiki discussion</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes in the wiki [r]" accesskey="r"><span>Recent changes</span></a></li></ul> </div> </nav> <nav id="p-tb" class="vector-menu mw-portlet mw-portlet-tb vector-menu-portal portal" aria-labelledby="p-tb-label" role="navigation" > <h3 id="p-tb-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Tools</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/Mapbox_GL" title="A list of all wiki pages that link here [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/Mapbox_GL" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li><li id="t-print" class="mw-list-item"><a href="javascript:print();" rel="alternate" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Mapbox_GL&oldid=2732576" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Mapbox_GL&action=info" title="More information about this page"><span>Page information</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Special:CiteThisPage&page=Mapbox_GL&id=2732576&wpFormIdentifier=titleform" title="Information on how to cite this page"><span>Cite this page</span></a></li></ul> </div> </nav> <nav id="p-lang" class="vector-menu mw-portlet mw-portlet-lang vector-menu-portal portal" aria-labelledby="p-lang-label" role="navigation" > <h3 id="p-lang-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">In other languages</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"></ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-add wb-langlinks-link"><a href="https://wiki.openstreetmap.org/wiki/Special:NewItem?site=wiki&page=Mapbox+GL" title="Add interlanguage links" class="wbc-editpage">Add links</a></span></div> </div> </nav> </div> </div> <footer id="footer" class="mw-footer" role="contentinfo" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 16 July 2024, at 16:06.</li> <li id="footer-info-copyright">Content is available under <a href="/wiki/Wiki_content_license" title="Wiki content license">Creative Commons Attribution-ShareAlike 2.0 license</a> unless otherwise noted.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://www.osmfoundation.org/wiki/Privacy_Policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/About">About OpenStreetMap Wiki</a></li> <li id="footer-places-disclaimer"><a href="/wiki/Disclaimer">Disclaimers</a></li> <li id="footer-places-mobileview"><a href="//wiki.openstreetmap.org/w/index.php?title=Mapbox_GL&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://creativecommons.org/licenses/by-sa/2.0/"><img src="/cc-wiki.png" alt="Creative Commons Attribution-ShareAlike 2.0 license" width="88" height="31" loading="lazy"/></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/"><img src="/w/resources/assets/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" srcset="/w/resources/assets/poweredby_mediawiki_132x47.png 1.5x, /w/resources/assets/poweredby_mediawiki_176x62.png 2x" width="88" height="31" loading="lazy"/></a></li> </ul> </footer> <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgPageParseReport":{"limitreport":{"cputime":"0.987","walltime":"1.996","ppvisitednodes":{"value":11946,"limit":1000000},"postexpandincludesize":{"value":125838,"limit":2097152},"templateargumentsize":{"value":9794,"limit":2097152},"expansiondepth":{"value":26,"limit":100},"expensivefunctioncount":{"value":7,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":7838,"limit":5000000},"entityaccesscount":{"value":0,"limit":250},"timingprofile":["100.00% 1856.234 1 -total"," 88.33% 1639.578 1 Template:Software"," 64.95% 1205.640 50 Template:Software/feature"," 12.10% 224.517 26 Template:LangSwitch"," 11.61% 215.485 4 Template:List"," 10.09% 187.301 82 Template:Langcode"," 4.97% 92.163 1 Template:Software/languages"," 4.48% 83.234 1 Template:Languages"," 3.65% 67.727 1 Template:Software/platforms"," 3.52% 65.356 8 Template:LangSwitch/langcode"]},"scribunto":{"limitreport-timeusage":{"value":"0.980","limit":"15"},"limitreport-virtmemusage":{"value":7892992,"limit":52428800},"limitreport-estmemusage":0},"cachereport":{"timestamp":"20250221151102","ttl":86400,"transientcontent":false}}});mw.config.set({"wgBackendResponseTime":2188});});</script> </body> </html>