---
title: "Discussion on \"How to set up a custom Mapbox basemap style with React Leaflet and Leaflet Gatsby Starter\" | Hashnode"
description: "Discussion on \"How to set up a custom Mapbox basemap style with React Leaflet and Leaflet Gatsby Starter\". Building maps can be pretty powerful, but often you’re stuck with open source options for the map imagery that might not help the readability of your data. How can we leverage Mapbox’s tile APIs to add a custom basemap to our React Leaflet app?\n\nWhat..."
url: "https://hashnode.com/posts/how-to-set-up-a-custom-mapbox-basemap-with-gatsby-and-react-leaflet/66b8e36647c23b7ae1ad0bdb"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How to set up a custom Mapbox basemap style with React Leaflet and Leaflet Gatsby Starter](https://freecodecamp.org/news/how-to-set-up-a-custom-mapbox-basemap-with-gatsby-and-react-leaflet?utm_source=hashnode&utm_medium=feed)

Building maps can be pretty powerful, but often you’re stuck with open source options for the map imagery that might not help the readability of your data. How can we leverage Mapbox’s tile APIs to add a custom basemap to our React Leaflet app? What...

Apr 8, 2020 · 9 min read · freecodecamp.org  
Read the article

-   [#create-react-app](https://hashnode.com/tag/create-react-app)
-   [#front-end](https://hashnode.com/tag/front-end)
-   [#front-end-development](https://hashnode.com/tag/front-end-development)
-   [#frontend](https://hashnode.com/tag/frontend)
-   [#gatsby](https://hashnode.com/tag/gatsby)
-   [#gatsbyjs](https://hashnode.com/tag/gatsbyjs)
-   [#jamstack](https://hashnode.com/tag/jamstack)
-   [#javascript](https://hashnode.com/tag/javascript)
-   [#leaflet](https://hashnode.com/tag/leaflet)
-   [#mapbox](https://hashnode.com/tag/mapbox)
-   [#mapping](https://hashnode.com/tag/mapping)
-   [#maps](https://hashnode.com/tag/maps)
-   [#react](https://hashnode.com/tag/react)
-   [#react-leaflet](https://hashnode.com/tag/react-leaflet)
-   [#reactjs](https://hashnode.com/tag/reactjs)

## Written by

[Colby Fayock](https://hashnode.com/@colbyfayock)

@colbyfayock · Philadelphia Suburbs, PA

  
[View profile](https://hashnode.com/@colbyfayock)

Helping others to learn by doing

Director of DevX Engineering @ Cloudinary

## Responses

Markdown supported · ⌘↵ to post

No responses yet.