[{"data":1,"prerenderedAt":252},["ShallowReactive",2],{"footer-learn-links":3,"site-prefooter-cta":16,"\u002Fproducts\u002Fmaps\u002Finteractive-maps\u002F":24},[4,7,10,13],{"title":5,"path":6},"What Does a \"Free\" Map API Actually Cost?","\u002Flearn\u002Fwhat-does-a-free-map-api-cost",{"title":8,"path":9},"What Is the Best Geocoding API?","\u002Flearn\u002Fbest-geocoding-api",{"title":11,"path":12},"What Is the Best Routing API?","\u002Flearn\u002Fbest-routing-api",{"title":14,"path":15},"What Is a GDPR-Compliant Mapping API?","\u002Flearn\u002Fgdpr-compliant-mapping-api",{"id":17,"extension":18,"heading":19,"meta":20,"stem":21,"text":22,"__hash__":23},"site\u002Fsite\u002Fprefooter-cta.yml","yml","Business Outcomes That Fuel Your Growth",{},"site\u002Fprefooter-cta","With Stadia Maps, you build the solutions that matter. Logistics platforms provide accurate ETAs, fleet management apps reduce fuel costs, and emergency dispatch systems improve response times.","XztWiZDFyAC0XCoeYLLQrcyaVmP8uvGWALRS354c9I4",{"id":25,"title":26,"apiId":27,"backgroundFit":28,"backgroundImage":29,"backgroundImageMobile":28,"backgroundPosition":28,"body":30,"breadcrumbTitle":228,"codeRepository":28,"ctaEventName":229,"ctaLink":28,"ctaText":230,"data":231,"description":232,"documentation":233,"extension":234,"head":28,"heading":235,"image":236,"imageAlt":26,"keywords":237,"license":28,"meta":244,"metaDescription":245,"navigation":246,"operatingSystem":28,"path":247,"programmingLanguage":28,"schemaOrg":28,"schemaType":28,"sdkId":28,"seo":248,"showCta":246,"showPageEndCTA":246,"stem":249,"subtitle":250,"__hash__":251},"products\u002Fproducts\u002Fmaps\u002Finteractive-maps.md","Map Tiles for MapLibre, Leaflet & OpenLayers","map-tiles-api",null,"images\u002Fscreenshots\u002Fstadia-nyc-watercolor.jpg",{"type":31,"value":32,"toc":221},"minimark",[33,147,208,218],[34,35,39,44,69,106,110,130],"advantage-row",{":invert-header-tags":36,"subtitle":37,"title":38},"true","Get up and running with just a few lines of code.","Map Tiles for Every Mapping Library",[40,41,43],"h4",{"id":42},"on-the-web","On the web",[45,46,47,48,56,57,62,63,68],"p",{},"Build interactive maps for your website using ",[49,50,55],"a",{"href":51,"rel":52,"target":54},"https:\u002F\u002Fmaplibre.org\u002F",[53],"external","_blank","MapLibre"," (which we helped start),\n",[49,58,61],{"href":59,"rel":60,"target":54},"https:\u002F\u002Fleafletjs.com\u002F",[53],"Leaflet",",\nor ",[49,64,67],{"href":65,"rel":66,"target":54},"https:\u002F\u002Fopenlayers.org\u002F",[53],"OpenLayers",".\nUsers can explore geographic data by zooming, panning, and interacting with layers for deeper insights and context.",[70,71,72,94,103],"ul",{},[73,74,75,76,81,82,87,88,93],"li",{},"Seamlessly integrate with ",[49,77,80],{"href":78,"rel":79,"target":54},"https:\u002F\u002Freact.dev\u002F",[53],"React",", ",[49,83,86],{"href":84,"rel":85,"target":54},"https:\u002F\u002Fangular.dev\u002F",[53],"Angular",",\nand ",[49,89,92],{"href":90,"rel":91,"target":54},"https:\u002F\u002Fvuejs.org\u002F",[53],"Vue.js",".",[73,95,96,97,102],{},"Leverage popular ",[49,98,101],{"href":99,"rel":100,"target":54},"https:\u002F\u002Fdocs.stadiamaps.com\u002Fmaps-for-web\u002F",[53],"rendering libraries"," for smooth integration.",[73,104,105],{},"Adapt the setup with our bindings or wrapper components for your preferred framework.",[40,107,109],{"id":108},"on-ios-and-android","On iOS and Android",[45,111,112,113,118,119,118,124,129],{},"Create interactive maps for native and cross-platform apps.\nSupport for ",[49,114,117],{"href":115,"rel":116,"target":54},"https:\u002F\u002Fdeveloper.apple.com\u002Fdocumentation\u002Fmapkit\u002F",[53],"MapKit",",\n",[49,120,123],{"href":121,"rel":122,"target":54},"https:\u002F\u002Fflutter.dev\u002F",[53],"Flutter",[49,125,128],{"href":126,"rel":127,"target":54},"https:\u002F\u002Freactnative.dev\u002F",[53],"React Native",",\nand almost any other open-source or proprietary mapping SDK.",[131,132,134,141],"template",{"v-slot:image":133},"",[45,135,136],{},[137,138],"img",{"alt":139,"src":140},"Example of a Map","https:\u002F\u002Fstadiamaps.com\u002Fstatic\u002Falidade_smooth?center=41.8602,-87.6174&zoom=12&size=600x400@2x&manual_attribution=true",[142,143,146],"stadia-button",{"to":144,"variant":145},"\u002Fexplore-the-map\u002F","secondary","Explore our maps",[34,148,151,154,180,184,187,192,196,199,202],{":invert-header-tags":36,"subtitle":149,"title":150},"Optimize delivery and user interaction.","Vector and Raster Map Tiles",[45,152,153],{},"With our Map Tiles, you can deliver visually engaging,\ndata-rich experiences that enhance usability and keep your audience engaged.",[70,155,156,168,174],{},[73,157,158,162,163,167],{},[159,160,161],"strong",{},"Flexible formats."," Choose between ",[49,164,166],{"href":165},"\u002Flearn\u002Fvector-versus-raster-map-tiles\u002F","vector and raster tiles"," built on OpenStreetMap, Natural Earth,\nand other premier open data sets.",[73,169,170,173],{},[159,171,172],{},"Complete control."," Style maps your way with vector Map Tiles.\nSmooth zooming and scrolling and lighter downloads allow you to mix and match your data into the perfect form with a\nbit of flair.",[73,175,176,179],{},[159,177,178],{},"Universal support.","\nRaster Map Tiles can be used with almost any mapping library,\nmaking them reliable, versatile, and ready for any task.",[40,181,183],{"id":182},"vector-map-tiles","Vector Map Tiles",[45,185,186],{},"Build fully customizable maps with our Vector Map Tiles.",[188,189],"product-cta",{"docs-link":190,"event-name":191,"product-name":183},"https:\u002F\u002Fdocs.stadiamaps.com\u002Fvector\u002F","products_interactive_maps_section_signup",[40,193,195],{"id":194},"raster-map-tiles","Raster Map Tiles",[45,197,198],{},"Use a map anywhere with our Raster Map Tiles.",[188,200],{"docs-link":201,"event-name":191,"product-name":195},"https:\u002F\u002Fdocs.stadiamaps.com\u002Fraster\u002F",[131,203,204],{"v-slot:image":133},[137,205],{"alt":206,"src":207},"Bathymetry Data","images\u002Fcontent\u002Ftiles-natural-earth-bathymetry.png",[34,209,212,213,217],{":invert-header-tags":36,"subtitle":210,"title":211},"Highlight the right context for every situation.","Professionally Designed Map Styles","Select the perfect combination of detail and decor with ",[49,214,216],{"href":215},"\u002Fproducts\u002Fmaps\u002Fmap-styles\u002F","Map Styles"," for visual clarity, flexibility, and\nperformance.\nFrom our own designs to the classic Stamen styles, all are constantly refined based on customer feedback.",[219,220],"map-style-slider",{},{"title":133,"searchDepth":222,"depth":222,"links":223},4,[224,225,226,227],{"id":42,"depth":222,"text":43},{"id":108,"depth":222,"text":109},{"id":182,"depth":222,"text":183},{"id":194,"depth":222,"text":195},"Interactive Maps","products_interactive_maps_hero_signup","Get started for free",{},"Point MapLibre, Leaflet, OpenLayers, or a native SDK to our vector and raster Map Tiles. Build interactive maps with exceptional flexibility, control, and support.","https:\u002F\u002Fdocs.stadiamaps.com\u002Fmap-tiles\u002F","md","Map Tiles for MapLibre, Leaflet, and OpenLayers","\u002Fimages\u002Fog\u002Finteractive-maps-og.png",[238,239,240,241,55,61,67,242,243],"map tiles","map tiles API","vector tiles","raster tiles","OpenStreetMap tiles","interactive maps",{},"Vector and raster Map Tiles for MapLibre, Leaflet, OpenLayers, and any mapping SDK. Build interactive maps on OpenStreetMap data with full styling control.",true,"\u002Fproducts\u002Fmaps\u002Finteractive-maps",{"title":26,"description":232},"products\u002Fmaps\u002Finteractive-maps","Vector and raster tiles for any mapping library","DpmuMHlPbOYgeyY_guEG0zkaF62YAkmcUzahnRTW5EY",1788355508247]