Muhammed Nuhmanmnuhman.hashnode.dev·Feb 27, 2024How I solved a strange map rendering issue in productionDuring my work for a dashboard application, I ran into a very strange and difficult situation. The Esri-Leaflet map that I had in the homepage was not getting rendered in production! I used Leaflet, Esri-Leaflet and Esri-Leaflet-Vector npm packages...2 likesReact
Aakash Rajaakashraj.hashnode.dev·Aug 30, 2023Creating a Dynamic & Responsive Weather Map with OpenWeatherMap API and React-Leaflet with Custom Marker Icon: A Step-by-Step GuideHere I will share my learning on how I implement a weather Map in my Cloudsify project. website link: https://cloudsify-59854.web.app/ GitHub Repository Link: https://github.com/AakashRaj20/Cloudify Let's start with creating a react-app in vs-code np...10 likes·381 readsReact
Colby FayockforfreeCodeCampfreecodecamp.org·Jun 23, 2020How to Create a Travel Bucket List Map with Gatsby, React Leaflet, & HygraphTraveling is fun and we all have a lot of places we want to visit, but rarely do we have time to do it all at once. That’s what bucket lists are for! How can we create a custom mapping app that we can show all of our the destinations on our bucket li...beginners guide
Colby FayockforfreeCodeCampfreecodecamp.org·Apr 22, 2020How to add Coronavirus (COVID-19) case statistics to your React map dashboard with GatsbyPreviously, we walked through creating a map that shows an interactive look at Coronavirus (COVID-19) cases per country. How can we extend this with some case statistics to show recent data about the impacts on our world? Author's note: Similar to be...coronavirus
Colby FayockforfreeCodeCampfreecodecamp.org·Apr 8, 2020How to set up a custom Mapbox basemap style with React Leaflet and Leaflet Gatsby StarterBuilding 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...create-react-app
Colby FayockforfreeCodeCampfreecodecamp.org·Mar 31, 2020How to create a Coronavirus (COVID-19) Dashboard & Map App in React with Gatsby and LeafletThe Coronavirus (COVID-19) pandemic has swiftly changed how all of us interact day to day. How can we use available APIs to build a mapping app that shows the impact it has had on the world? Update: The original NovelCOVID API v1 endpoint has been de...coronavirus
Colby FayockforfreeCodeCampfreecodecamp.org·Mar 24, 2020How to Create a Summer Road Trip Mapping App with Gatsby and LeafletGet ready for the summer by building your own road trip mapping app with this step-by-step guide! What are we going to build? What do we need before we get started? Step 1: Cleaning up some unneeded code Step 2: Create our road trip locations Step 3...front end
Colby FayockforfreeCodeCampfreecodecamp.org·Mar 5, 2020Anyone Can Map! Inspiration and an introduction to the world of mappingChef Gusteau was a visionary who created food experiences for the world to enjoy. How can we take his lessons and apply them to the world of mapping? Taking inspiration from a culinary great If you’ve seen the Pixar movie Ratatouille, you should know...Data Science
Colby FayockforfreeCodeCampfreecodecamp.org·Dec 11, 2019How to Create your own Santa Tracker with Gatsby and React LeafletThe Christmas season is a magical time of year. We have Santa flying around spreading cheer and Elf roaming around New York during our yearly rewatch with family and friends. Buddy the Elf waving To get in the spirit, we’re going to spin up a web ap...Santa
Colby FayockforfreeCodeCampfreecodecamp.org·Oct 30, 2019How to build a mapping app in React the easy way with LeafletMapping is hard, but spinning up a new app that renders maps doesn’t have to be. Here’s how you can easily get started working with maps in a new React app. Not that AAA map under your car seat Maps have been around for thousands of years, but they’v...Gatsby