#leafletjs — Public Fediverse posts

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

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

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

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

[#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

P2P Location Sharing

https://positive-intentions.com/blog/decentralized-location-sharing

#p2p #javascript #openstreetmaps #leafletjs #decentralized #private #encrypted #peerjs

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

The Bing ML buildings data is from this GitHub repo and first released in 2022: https://github.com/microsoft/IdMyPhBuildingFootprints

I used the following tools/services:
▪︎ @geofabrik for the OSM buildings
▪︎ #OverpassTurbo for extracting clipping polygons from OSM
▪︎ Osmosis for filtering the OSM buildings
▪︎ @qgis #QGIS for GeoJSON clipping and data conversion
▪︎ A couple of hand-coded Perl scripts for data manipulation
▪︎ #TurfJS
▪︎ #LeafletJS for rendering
▪︎ H3 for hexbinning
▪︎ @GIMP #GIMP for final map prep

🧵 3/4

Et absolutt minimum burde være at Scibsted og Polaris Media gir midler og ressurser til https://leafletjs.com

F.eks. https://github.com/sponsors/Leaflet

#OpenStreetMap #Schibsted #PolarisMedia #Adressa #allheimen #norsktut #Leaflet #LeafletJS

Jeg regner med Schibsted/Polaris Media bidrar rundhåndet til #OpenStreetMap.

Det hadde vel ikke kostet dem så mye i det minste å legge kart-flisene bak en mellomlagrende reversproxy slik at trafikken ikke går direkte til osm?

https://www.adressa.no/nyheter/trondheim/i/gw60EA/aapner-nytt-gratistilbud-i-trondheim-svaert-populaert

#Schibsted #PolarisMedia #Adressa #allheimen #norsktut #Leaflet #LeafletJS

Join the next UNIGIS Talks episode: "#LeafletJS Session - From Basics to Brilliance in #WebMapping!" 🗺️💻

💡 Our guest speaker is Suman Baral, who is a #geospatial #dataanalyst and #GIS #developer.

💻 Jan., 10th, 2024 I 2:15 to 2:45 pm (CET) I online
🔗 https://attendee.gotowebinar.com/register/5398655304904510550?source=mastodon

#leaflet #leafletmapping #leafletmaps #geoinformatics #geoinformation #cartography #webmap

#DailyBloggingChallenge (143/200)

TIL how zooming on maps work. The fascinating part is how much data needs to be store to make it feel seamlessly.

In (1) they work with an initial presetation of Earth on a 256px x 256px square for a zoom of 0.

When zooming in by one level the spuare length is doubled and thereby the Earth is being presented on 4 times 256px x 256px square for a zoom of 1.

This can be generalized to $4^{zoom}$ for square count and $squareLength_0 * 2^{zoom}$ for square length.

#LeafletJs states in (1) that tile servers max out at a zoom level of 18, whereas #OpenStreetMap’s website goes to zoom 19. At zoom 19 the legend distance is at 5m. On #OsmAnd the max zoom achieves a legend distance of 1m.

One can just imagine how much data is being stored/provided to achieve such a zoom level of detail.

References:

(1) https://leafletjs.com/examples/zoom-levels/

Finally finished upgrading one of my #leafletjs maps away from the old Stamen Maps tiles to Stadia Maps, using this tutorial: https://en.osm.town/@stadiamaps/111365605705625797

It was but 30 additional seconds' work to switch to vector tiles. Hooray!

#mapstodon #maps

This is where I'm at on that #FantasyTransit project: https://github.com/users/benlk/projects/3

The main blocker is that I'm having some problems with #LeafletJS on getting the map to pan+scroll to a specified location.

The first time that #chatgpt really helped me: getting code for leaflet.js to color markers according to the value of a parameter in GeoJSON data.
Some of the suggestions did not work, but the right prompt delivered results.
Classic search wasn't of great help in the past.

#happycoding #leafletjs

I wonder if it's the done thing to add duplicate polylines to #LeafletJS, and make one big and fat and clickable for touch interfaces, and one slim and cartographically good.

From @plantquest in twitter:

We are thrilled to announce that we are now a proud sponsor of @LeafletJS .

Sponsoring LeafletJS is our way of giving back to the open-source and developer community helping to promote innovation and foster community growth.

#OpenSource #LeafletJS #Developers @voxgig

Join the next UNIGIS Talks episode: "#LeafletJS Session - From Basics to Brilliance in #WebMapping!" 🗺️💻

💡 Our guest speaker is Suman Baral, who is a #geospatial #dataanalyst and #GIS #developer.

💻 Jan., 10th, 2024 I 2:15 to 2:45 pm (CET) I online
🔗 https://attendee.gotowebinar.com/register/5398655304904510550?source=mastodon

#leaflet #leafletmapping #leafletmaps #geoinformatics #geoinformation #cartography #webmap

Join the next UNIGIS Talks episode: "#LeafletJS Session - From Basics to Brilliance in #WebMapping!" 🗺️💻

💡 Our guest speaker is Suman Baral, who is a #geospatial #dataanalyst and #GIS #developer.

💻 Jan., 10th, 2024 I 2:15 to 2:45 pm (CET) I online
🔗 https://attendee.gotowebinar.com/register/5398655304904510550?source=mastodon

#leaflet #leafletmapping #leafletmaps #geoinformatics #geoinformation #cartography #webmap

Tfw you look up how people are authoring #brochures and #leaflet thingies effectively, but you get unrelated #LeafletJS leftovers. :rickdrink:

#SearchFail #SEO #SearchEngineOptimization

P2P Location Sharing

https://positive-intentions.com/blog/decentralized-location-sharing

#p2p #javascript #openstreetmaps #leafletjs #decentralized #private #encrypted #peerjs

P2P Location Sharing

https://positive-intentions.com/blog/decentralized-location-sharing

#p2p #javascript #openstreetmaps #leafletjs #decentralized #private #encrypted #peerjs

P2P Location Sharing

https://positive-intentions.com/blog/decentralized-location-sharing

#p2p #javascript #openstreetmaps #leafletjs #decentralized #private #encrypted #peerjs

Tfw you look up how people are authoring #brochures and #leaflet thingies effectively, but you get unrelated #LeafletJS leftovers. :rickdrink:

#SearchFail #SEO #SearchEngineOptimization

Tfw you look up how people are authoring #brochures and #leaflet thingies effectively, but you get unrelated #LeafletJS leftovers. :rickdrink:

#SearchFail #SEO #SearchEngineOptimization

Tfw you look up how people are authoring #brochures and #leaflet thingies effectively, but you get unrelated #LeafletJS leftovers. :rickdrink:

#SearchFail #SEO #SearchEngineOptimization