#leafletjs — Public Fediverse posts

During my parental leave this week in a few baby nap times I've built a little web app to track my and my partner's progress on bagging the 'Ethels' (the hills in the peak district, UK, 'mostly' over 400m https://en.wikipedia.org/wiki/List_of_Ethels)

Using leaflet, flask and chartjs I've thrown together a fun little thing and learned a bit from some tools I've not used much.

#leafletjs #gis #maps #webdev

During my parental leave this week in a few baby nap times I've built a little web app to track my and my partner's progress on bagging the 'Ethels' (the hills in the peak district, UK, 'mostly' over 400m https://en.wikipedia.org/wiki/List_of_Ethels)

Using leaflet, flask and chartjs I've thrown together a fun little thing and learned a bit from some tools I've not used much.

#leafletjs #gis #maps #webdev

During my parental leave this week in a few baby nap times I've built a little web app to track my and my partner's progress on bagging the 'Ethels' (the hills in the peak district, UK, 'mostly' over 400m https://en.wikipedia.org/wiki/List_of_Ethels)

Using leaflet, flask and chartjs I've thrown together a fun little thing and learned a bit from some tools I've not used much.

#leafletjs #gis #maps #webdev

During my parental leave this week in a few baby nap times I've built a little web app to track my and my partner's progress on bagging the 'Ethels' (the hills in the peak district, UK, 'mostly' over 400m https://en.wikipedia.org/wiki/List_of_Ethels)

Using leaflet, flask and chartjs I've thrown together a fun little thing and learned a bit from some tools I've not used much.

#leafletjs #gis #maps #webdev

During my parental leave this week in a few baby nap times I've built a little web app to track my and my partner's progress on bagging the 'Ethels' (the hills in the peak district, UK, 'mostly' over 400m https://en.wikipedia.org/wiki/List_of_Ethels)

Using leaflet, flask and chartjs I've thrown together a fun little thing and learned a bit from some tools I've not used much.

#leafletjs #gis #maps #webdev

Made with Laravel:

https://www.hectometerpaal.nl/kaart

Spatie's Browsershot is awesome. Now I can save #leafletjs maps with markers on them as PNG:

It's a heavy operation of course but for a niche website like this it's probably fine.

#laravel

Made with Laravel:

https://www.hectometerpaal.nl/kaart

Spatie's Browsershot is awesome. Now I can save #leafletjs maps with markers on them as PNG:

It's a heavy operation of course but for a niche website like this it's probably fine.

#laravel

Made with Laravel:

https://www.hectometerpaal.nl/kaart

Spatie's Browsershot is awesome. Now I can save #leafletjs maps with markers on them as PNG:

It's a heavy operation of course but for a niche website like this it's probably fine.

#laravel

I recently learned of this #JS library that works with #LeafletJS, @openlayers, or @maplibre to modify the most popular #OpenStreetMap-based raster tilesets to comply with strict Indian laws about depicting #India’s 🇮🇳 borders.

https://github.com/ramSeraph/india_boundary_corrector/

#maps #cartography #gischat #Mapstodon

I recently learned of this #JS library that works with #LeafletJS, @openlayers, or @maplibre to modify the most popular #OpenStreetMap-based raster tilesets to comply with strict Indian laws about depicting #India’s 🇮🇳 borders.

https://github.com/ramSeraph/india_boundary_corrector/

#maps #cartography #gischat #Mapstodon

I recently learned of this #JS library that works with #LeafletJS, @openlayers, or @maplibre to modify the most popular #OpenStreetMap-based raster tilesets to comply with strict Indian laws about depicting #India’s 🇮🇳 borders.

https://github.com/ramSeraph/india_boundary_corrector/

#maps #cartography #gischat #Mapstodon

I recently learned of this #JS library that works with #LeafletJS, @openlayers, or @maplibre to modify the most popular #OpenStreetMap-based raster tilesets to comply with strict Indian laws about depicting #India’s 🇮🇳 borders.

https://github.com/ramSeraph/india_boundary_corrector/

#maps #cartography #gischat #Mapstodon

I recently learned of this #JS library that works with #LeafletJS, @openlayers, or @maplibre to modify the most popular #OpenStreetMap-based raster tilesets to comply with strict Indian laws about depicting #India’s 🇮🇳 borders.

https://github.com/ramSeraph/india_boundary_corrector/

#maps #cartography #gischat #Mapstodon

Sinh viên xây dựng mạng lưới an toàn phi tập trung cho du khách bằng Gemini AI và Leaflet.js! Tính năng chính: định vị địa lý trực tiếp, trí tuệ nhân tạo.context, giao thức hoảng sợ và đăng nhập blockchain #AnToanDuKhach #GeminiAI #Leafletjs #DecentralizedSafetyGrid #DuLịchAnToàn

https://www.reddit.com/r/SideProject/comments/1p4yiad/i_built_a_decentralized_safety_grid_for_tourists/

while exploring @geopandas docs I learned it has a "explore()" function that creates an interactive #leafletjs map of the #geodataframe #pandas #gis #geodata #gischat #geopandas

https://geopandas.org/en/stable/docs/user_guide/interactive_mapping.html

while exploring @geopandas docs I learned it has a "explore()" function that creates an interactive #leafletjs map of the #geodataframe #pandas #gis #geodata #gischat #geopandas

https://geopandas.org/en/stable/docs/user_guide/interactive_mapping.html

while exploring @geopandas docs I learned it has a "explore()" function that creates an interactive #leafletjs map of the #geodataframe #pandas #gis #geodata #gischat #geopandas

https://geopandas.org/en/stable/docs/user_guide/interactive_mapping.html

while exploring @geopandas docs I learned it has a "explore()" function that creates an interactive #leafletjs map of the #geodataframe #pandas #gis #geodata #gischat #geopandas

https://geopandas.org/en/stable/docs/user_guide/interactive_mapping.html

while exploring @geopandas docs I learned it has a "explore()" function that creates an interactive #leafletjs map of the #geodataframe #pandas #gis #geodata #gischat #geopandas

https://geopandas.org/en/stable/docs/user_guide/interactive_mapping.html

#30DayMapChallenge 🗺️ Day 1️⃣: Points

Third year participating! 🎉

I guess I’m starting the tradition of using the same map style for Day 1 that I did for 2023¹ and 2024². So here’s a map of all the cities and towns in the #Philippines that have Spanish names of saints because November 1st is All Saints’ Day³.

All map data come from #OpenStreetMap and rendered using @leaflet. 🧵 1/2

¹ https://en.osm.town/@seav/111335116974296246
² https://en.osm.town/@seav/113406977426469562
³ https://en.wikipedia.org/wiki/All_Saints'_Day

#maps #Mapstodon #gischat #LeafletJS

#30DayMapChallenge 🗺️ Day 1️⃣: Points

Third year participating! 🎉

I guess I’m starting the tradition of using the same map style for Day 1 that I did for 2023¹ and 2024². So here’s a map of all the cities and towns in the #Philippines that have Spanish names of saints because November 1st is All Saints’ Day³.

All map data come from #OpenStreetMap and rendered using @leaflet. 🧵 1/2

¹ https://en.osm.town/@seav/111335116974296246
² https://en.osm.town/@seav/113406977426469562
³ https://en.wikipedia.org/wiki/All_Saints'_Day

#maps #Mapstodon #gischat #LeafletJS

#30DayMapChallenge 🗺️ Day 1️⃣: Points

Third year participating! 🎉

I guess I’m starting the tradition of using the same map style for Day 1 that I did for 2023¹ and 2024². So here’s a map of all the cities and towns in the #Philippines that have Spanish names of saints because November 1st is All Saints’ Day³.

All map data come from #OpenStreetMap and rendered using @leaflet. 🧵 1/2

¹ https://en.osm.town/@seav/111335116974296246
² https://en.osm.town/@seav/113406977426469562
³ https://en.wikipedia.org/wiki/All_Saints'_Day

#maps #Mapstodon #gischat #LeafletJS

#30DayMapChallenge 🗺️ Day 1️⃣: Points

Third year participating! 🎉

I guess I’m starting the tradition of using the same map style for Day 1 that I did for 2023¹ and 2024². So here’s a map of all the cities and towns in the #Philippines that have Spanish names of saints because November 1st is All Saints’ Day³.

All map data come from #OpenStreetMap and rendered using @leaflet. 🧵 1/2

¹ https://en.osm.town/@seav/111335116974296246
² https://en.osm.town/@seav/113406977426469562
³ https://en.wikipedia.org/wiki/All_Saints'_Day

#maps #Mapstodon #gischat #LeafletJS

#30DayMapChallenge 🗺️ Day 1️⃣: Points

Third year participating! 🎉

I guess I’m starting the tradition of using the same map style for Day 1 that I did for 2023¹ and 2024². So here’s a map of all the cities and towns in the #Philippines that have Spanish names of saints because November 1st is All Saints’ Day³.

All map data come from #OpenStreetMap and rendered using @leaflet. 🧵 1/2

¹ https://en.osm.town/@seav/111335116974296246
² https://en.osm.town/@seav/113406977426469562
³ https://en.wikipedia.org/wiki/All_Saints'_Day

#maps #Mapstodon #gischat #LeafletJS

Leaflet, роутинг и тонна JavaScript: создаем свой планировщик маршрутов с нуля

Всем привет! Я, как и многие здесь, не только программист, но и большой любитель активного отдыха. Велосипед, походы, горы — все это требует тщательного планирования. И хотя существует множество отличных сервисов, мне всегда хотелось чего-то большего: платформы, которая объединяла бы в себе гибкий инструмент для создания маршрутов, базу знаний о интересных местах и сообщество единомышленников. Так я начал в одиночку создавать The Peakline — свой большой проект для аутдор-энтузиастов. Одной из центральных и самых сложных частей этой системы должен был стать планировщик маршрутов . Я решил сделать его максимально функциональным и открытым, чтобы он стал витриной возможностей всего проекта.

https://habr.com/ru/articles/946604/

#javascript #leaflet #leafletjs #openstreetmap #opensourse #gpx #gis #навигация #strava #maps

Leaflet, роутинг и тонна JavaScript: создаем свой планировщик маршрутов с нуля

Всем привет! Я, как и многие здесь, не только программист, но и большой любитель активного отдыха. Велосипед, походы, горы — все это требует тщательного планирования. И хотя существует множество отличных сервисов, мне всегда хотелось чего-то большего: платформы, которая объединяла бы в себе гибкий инструмент для создания маршрутов, базу знаний о интересных местах и сообщество единомышленников. Так я начал в одиночку создавать The Peakline — свой большой проект для аутдор-энтузиастов. Одной из центральных и самых сложных частей этой системы должен был стать планировщик маршрутов . Я решил сделать его максимально функциональным и открытым, чтобы он стал витриной возможностей всего проекта.

https://habr.com/ru/articles/946604/

#javascript #leaflet #leafletjs #openstreetmap #opensourse #gpx #gis #навигация #strava #maps

Leaflet, роутинг и тонна JavaScript: создаем свой планировщик маршрутов с нуля

Всем привет! Я, как и многие здесь, не только программист, но и большой любитель активного отдыха. Велосипед, походы, горы — все это требует тщательного планирования. И хотя существует множество отличных сервисов, мне всегда хотелось чего-то большего: платформы, которая объединяла бы в себе гибкий инструмент для создания маршрутов, базу знаний о интересных местах и сообщество единомышленников. Так я начал в одиночку создавать The Peakline — свой большой проект для аутдор-энтузиастов. Одной из центральных и самых сложных частей этой системы должен был стать планировщик маршрутов . Я решил сделать его максимально функциональным и открытым, чтобы он стал витриной возможностей всего проекта.

https://habr.com/ru/articles/946604/

#javascript #leaflet #leafletjs #openstreetmap #opensourse #gpx #gis #навигация #strava #maps

this #webapp looks useful
#leafletjs #gis
https://github.com/altilunium/sakumaps

this #webapp looks useful
#leafletjs #gis
https://github.com/altilunium/sakumaps

this #webapp looks useful
#leafletjs #gis
https://github.com/altilunium/sakumaps

this #webapp looks useful
#leafletjs #gis
https://github.com/altilunium/sakumaps

this #webapp looks useful
#leafletjs #gis
https://github.com/altilunium/sakumaps

A small #Folium example. Code at: https://github.com/villares/sketch-a-day/tree/main/2025/sketch_2025_07_13
More sketch-a-day: https://abav.lugaralgum.com/sketch-a-day
If you like this, support my work:
https://www.paypal.com/donate/?hosted_button_id=5B4MZ78C9J724
https://liberapay.com/Villares
https://wise.com/pay/me/alexandrev562 #python #cartograhy #maps #leafletjs

A small #Folium example. Code at: https://github.com/villares/sketch-a-day/tree/main/2025/sketch_2025_07_13
More sketch-a-day: https://abav.lugaralgum.com/sketch-a-day
If you like this, support my work:
https://www.paypal.com/donate/?hosted_button_id=5B4MZ78C9J724
https://liberapay.com/Villares
https://wise.com/pay/me/alexandrev562 #python #cartograhy #maps #leafletjs

A small #Folium example. Code at: https://github.com/villares/sketch-a-day/tree/main/2025/sketch_2025_07_13
More sketch-a-day: https://abav.lugaralgum.com/sketch-a-day
If you like this, support my work:
https://www.paypal.com/donate/?hosted_button_id=5B4MZ78C9J724
https://liberapay.com/Villares
https://wise.com/pay/me/alexandrev562 #python #cartograhy #maps #leafletjs

A small #Folium example. Code at: https://github.com/villares/sketch-a-day/tree/main/2025/sketch_2025_07_13
More sketch-a-day: https://abav.lugaralgum.com/sketch-a-day
If you like this, support my work:
https://www.paypal.com/donate/?hosted_button_id=5B4MZ78C9J724
https://liberapay.com/Villares
https://wise.com/pay/me/alexandrev562 #python #cartograhy #maps #leafletjs

A small #Folium example. Code at: https://github.com/villares/sketch-a-day/tree/main/2025/sketch_2025_07_13
More sketch-a-day: https://abav.lugaralgum.com/sketch-a-day
If you like this, support my work:
https://www.paypal.com/donate/?hosted_button_id=5B4MZ78C9J724
https://liberapay.com/Villares
https://wise.com/pay/me/alexandrev562 #python #cartograhy #maps #leafletjs

Generating maps with Folium is SO much easier than working with Leaflet.js directly in JavaScript. Highly recommend! #folium #leafletjs https://python-visualization.github.io/folium/latest/#

Generating maps with Folium is SO much easier than working with Leaflet.js directly in JavaScript. Highly recommend! #folium #leafletjs https://python-visualization.github.io/folium/latest/#

Generating maps with Folium is SO much easier than working with Leaflet.js directly in JavaScript. Highly recommend! #folium #leafletjs https://python-visualization.github.io/folium/latest/#

Generating maps with Folium is SO much easier than working with Leaflet.js directly in JavaScript. Highly recommend! #folium #leafletjs https://python-visualization.github.io/folium/latest/#

Generating maps with Folium is SO much easier than working with Leaflet.js directly in JavaScript. Highly recommend! #folium #leafletjs https://python-visualization.github.io/folium/latest/#

Finally! @leaflet, the venerable lightweight JS tilemap display library, is gearing up for a 2.0.0 release! 🎉

https://leafletjs.com/2025/05/18/leaflet-2.0.0-alpha.html

#Mapstodon #gischat #Leaflet #LeafletJS

Finally! @leaflet, the venerable lightweight JS tilemap display library, is gearing up for a 2.0.0 release! 🎉

https://leafletjs.com/2025/05/18/leaflet-2.0.0-alpha.html

#Mapstodon #gischat #Leaflet #LeafletJS

Finally! @leaflet, the venerable lightweight JS tilemap display library, is gearing up for a 2.0.0 release! 🎉

https://leafletjs.com/2025/05/18/leaflet-2.0.0-alpha.html

#Mapstodon #gischat #Leaflet #LeafletJS

Finally! @leaflet, the venerable lightweight JS tilemap display library, is gearing up for a 2.0.0 release! 🎉

https://leafletjs.com/2025/05/18/leaflet-2.0.0-alpha.html

#Mapstodon #gischat #Leaflet #LeafletJS

Finally! @leaflet, the venerable lightweight JS tilemap display library, is gearing up for a 2.0.0 release! 🎉

https://leafletjs.com/2025/05/18/leaflet-2.0.0-alpha.html

#Mapstodon #gischat #Leaflet #LeafletJS

[#LeafletTraining] Session 3 is live!
👉 Learn how to work with GeoJSON layers, handle user events, and control layers interactively
Join us and create your own interactive web maps
🔗https://www.sigterritoires.fr/index.php/en/leaflet-tutorial-session-3/
#GIS #LeafletJS #WebMapping #OpenSource

🗺️ Envie de découvrir la cartographie interactive avec #LeafletJS ?

Je propose un tutoriel complet et progressif, idéal pour débuter :
✔️ Ajout de couches
✔️ Données GeoJSON
✔️ Popups, icônes personnalisées
✔️ Mini-projet final avec mise en ligne

➡️ Accès libre ici : https://www.sigterritoires.fr

#SIG #QGIS #Webmapping #OpenSource #Cartographie

🗺️ Interested in learning interactive mapping with #LeafletJS?

I’ve published a step-by-step tutorial for beginners:
✔️ Layer handling
✔️ GeoJSON data
✔️ Custom icons & popups
✔️ Final mini-project and deployment

➡️ Available here: https://www.sigterritoires.fr/index.php/en/

#GIS #WebMapping #Leaflet #OpenSource #Geospatial

Want to go somewhere this weekend, but not sure where?

Try following your shadow...or if you don't want to do that - have a look at where it would have taken you.

I made a thing, and wrote about it:

https://tlohde.com/blog/2025/03/shadow-chasing/

#WebMapping #map #GnomonOnWheels #shadow #RoutePlanning #indieweb #blog #leafletjs #suncalc #gis #gischat #osm #cycling #builtwith11ty #eleventy

Want to go somewhere this weekend, but not sure where?

Try following your shadow...or if you don't want to do that - have a look at where it would have taken you.

I made a thing, and wrote about it:

https://tlohde.com/blog/2025/03/shadow-chasing/

#WebMapping #map #GnomonOnWheels #shadow #RoutePlanning #indieweb #blog #leafletjs #suncalc #gis #gischat #osm #cycling #builtwith11ty #eleventy

Want to go somewhere this weekend, but not sure where?

Try following your shadow...or if you don't want to do that - have a look at where it would have taken you.

I made a thing, and wrote about it:

https://tlohde.com/blog/2025/03/shadow-chasing/

#WebMapping #map #GnomonOnWheels #shadow #RoutePlanning #indieweb #blog #leafletjs #suncalc #gis #gischat #osm #cycling #builtwith11ty #eleventy

Want to go somewhere this weekend, but not sure where?

Try following your shadow...or if you don't want to do that - have a look at where it would have taken you.

I made a thing, and wrote about it:

https://tlohde.com/blog/2025/03/shadow-chasing/

#WebMapping #map #GnomonOnWheels #shadow #RoutePlanning #indieweb #blog #leafletjs #suncalc #gis #gischat #osm #cycling #builtwith11ty #eleventy

Want to go somewhere this weekend, but not sure where?

Try following your shadow...or if you don't want to do that - have a look at where it would have taken you.

I made a thing, and wrote about it:

https://tlohde.com/blog/2025/03/shadow-chasing/

#WebMapping #map #GnomonOnWheels #shadow #RoutePlanning #indieweb #blog #leafletjs #suncalc #gis #gischat #osm #cycling #builtwith11ty #eleventy

I guess one reason why I haven’t done heat maps before is because I don’t think they are as useful compared to other cartographic #dataviz techniques such as binning and choropleths. But maybe I’m missing something?

Anyway, for the heat map, I used the Leaflet.heat #LeafletJS plugin by Volodymyr Agafonkin, creator of Leaflet: https://github.com/Leaflet/Leaflet.heat

The hexbin map uses the #H3 hex grid system with the #Viridis Inferno sequential palette.

🧵 2/2

I guess one reason why I haven’t done heat maps before is because I don’t think they are as useful compared to other cartographic #dataviz techniques such as binning and choropleths. But maybe I’m missing something?

Anyway, for the heat map, I used the Leaflet.heat #LeafletJS plugin by Volodymyr Agafonkin, creator of Leaflet: https://github.com/Leaflet/Leaflet.heat

The hexbin map uses the #H3 hex grid system with the #Viridis Inferno sequential palette.

🧵 2/2

I guess one reason why I haven’t done heat maps before is because I don’t think they are as useful compared to other cartographic #dataviz techniques such as binning and choropleths. But maybe I’m missing something?

Anyway, for the heat map, I used the Leaflet.heat #LeafletJS plugin by Volodymyr Agafonkin, creator of Leaflet: https://github.com/Leaflet/Leaflet.heat

The hexbin map uses the #H3 hex grid system with the #Viridis Inferno sequential palette.

🧵 2/2

I guess one reason why I haven’t done heat maps before is because I don’t think they are as useful compared to other cartographic #dataviz techniques such as binning and choropleths. But maybe I’m missing something?

Anyway, for the heat map, I used the Leaflet.heat #LeafletJS plugin by Volodymyr Agafonkin, creator of Leaflet: https://github.com/Leaflet/Leaflet.heat

The hexbin map uses the #H3 hex grid system with the #Viridis Inferno sequential palette.

🧵 2/2

I guess one reason why I haven’t done heat maps before is because I don’t think they are as useful compared to other cartographic #dataviz techniques such as binning and choropleths. But maybe I’m missing something?

Anyway, for the heat map, I used the Leaflet.heat #LeafletJS plugin by Volodymyr Agafonkin, creator of Leaflet: https://github.com/Leaflet/Leaflet.heat

The hexbin map uses the #H3 hex grid system with the #Viridis Inferno sequential palette.

🧵 2/2