Display Pop-Ups 💬 in a Website Map 🗺️ - Show Attributes with Esri Leaflet

Опубликовано: 16 Март 2026
на канале: Courtney Yatteau
211
10

It's Day 5 of our Esri Leaflet Advent Calendar Series! Today, we're adding interactive popups to maps, showing attribute data like descriptions and locations. Perfect for both beginners and those following the series, this tutorial builds on our previous sessions.

🎯 Challenge: Experiment with different attributes and styles for your popups. Share your designs in the comments!

🔗 Resources:
Day 4 Challenge Solution: https://codepen.io/cyatteau/pen/GRzPOOW
Day 5 Code Solution: https://codepen.io/cyatteau/pen/XWOozVw

📺 What's Next:
Join us for Day 6 to learn about adding static text labels to maps for improved functionality and user experience.

📽 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...  
Day 3 Video:    • Add and Style Data 🎨 in a Website Map 🗺️ w...  
Day 4 Video:    • Filter Data 🔎 in a Website Map 🗺️ - Use SQ...  

Don't forget to hit like 👍, share 🔗, and subscribe 🔔 for more engaging tutorials. Stay tuned for our next video where we'll be adding pop-ups to maps to display feature layer attribute data. Happy coding! 👩‍💻

#webdevelopment #coding #javascript #leaflet

👉 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.