Add and Style Data 🎨 in a Website Map 🗺️ with Esri Leaflet

Опубликовано: 14 Июль 2026
на канале: Courtney Yatteau
383
13

It's Day 3 of our Esri Leaflet Advent Calendar series! Today's focus: Feature Layers. 🌐 Learn the essentials of adding and styling these crucial elements in GIS mapping, featuring a unique dataset of haunted places in the U.S. 🏚️

We start with a clear understanding of feature layers and their significance in representing real-world objects. Then, we move to the hands-on part: importing data, setting up your layer, and integrating it into your Esri Leaflet map. 🗺️ But it's not all technical! Unleash your creativity by customizing your map with unique icons and styles. 🎨

Challenge: style a feature layer dynamically and share your creation with us.

🔗 Resources
Day 2 Challenge Solution: https://codepen.io/cyatteau/pen/jOdQzrp
Day 3 Solution Code: https://codepen.io/cyatteau/pen/BaMvaJJ
Haunted Places Dataset: https://data.world/timothyrenner/haun...

📽 Missed Earlier Tutorials? Check them out:
Day 1 Video:    • JavaScript & Esri Leaflet 👩‍💻  🗺️ : Code Y...  
Day 2 Video:    • Code a Custom Styled Website Map with Esri...  

#coding #javascript #leaflet

Don't forget to hit like 👍, share 🔗, and subscribe 🔔 for more engaging tutorials. Stay tuned for our next adventure where we'll cover adding and styling data layers on your maps. Happy coding! 👩‍💻

👉 Follow me
=============
🐦 on Twitter:   / c_yatteau  
🐙 on GitHub: https://github.com/cyatteau
🔗 on LinkedIn:   / courtneyyatteau  
👨‍💻 on dev.to: https://dev.to/c_yatteau

NOTE: The opinions in this video and future videos are solely Courtney’s opinions and do not necessarily represent the postings, strategies, or opinions of her employer. If you have any feedback, please like, subscribe and/or comment.