Leaflet rocks! We use it for https://legendkeeper.com, CRDT-backed knowledge management for RPG game-masters.
LeafletJS: a JavaScript library for interactive maps
31–40 of 91 posts
Re: LeafletJS: a JavaScript library for interactive maps
#32I’ve used Leaflet a ton and love it. But I recently tried using it with a vector-based render method (as opposed to the rastered tiles Leaflet uses by default) and couldn’t find anything that worked anywhere near as easily and simply as Leaflet’s standard rendering. I don’t blame the Leaflet folks for this really, rendering map data locally via WebGL is not a simple task. But it’s been depressing to see folks like Ma…
I bet you are going to be so happy to hear about https://maplibre.org then.
Re: LeafletJS: a JavaScript library for interactive maps
#33I’ve used Leaflet a ton and love it. But I recently tried using it with a vector-based render method (as opposed to the rastered tiles Leaflet uses by default) and couldn’t find anything that worked anywhere near as easily and simply as Leaflet’s standard rendering. I don’t blame the Leaflet folks for this really, rendering map data locally via WebGL is not a simple task. But it’s been depressing to see folks like Ma…
Which vector-based rendering did you use? I'm working on a new attempt at that here, though not WebGL-based:
http://github.com/protomaps/protomaps.js
so it would be valuable to know if it can get closer to what you wanted to accomplish.
Re: LeafletJS: a JavaScript library for interactive maps
#34For all you React users (Reactionaries?) out there, there's React Leaflet. I'm in the process of making a little React portfolio app that randomly generates airports within a user-defined distance of each other (for all the indecisive Flight Sim users), and with this library it took all of about 20 minutes to put the airports on a map, draw a line between them, and center the map on them. Really neat stuff.
Re: LeafletJS: a JavaScript library for interactive maps
#35I have used this and it is excellent. It is a tremendous alternative to all the paid GIS/mapping suites.
I've used it and it's nice for use cases that match very closely to what they support and provide documentation/examples for. As a quick drop-in map widget on a web page, it's quite nice. I've also used Mapbox which provides a much fancier OpenGL map with fancy things like continuous (smooth) zoom levels. Mapbox feels a lot more like a modern Google Maps-esque mapping widget. https://docs.mapbox.com/mapbox-gl-js/exam…
[deleted]
Re: LeafletJS: a JavaScript library for interactive maps
#36How does it compare to this? https://github.com/maplibre/maplibre-gl-js
* Leaflet is based completely on the web platform. It achieves a zoomable slippy map experience by animating DOM elements - usually image tiles.
* MapLibre GL JS is a BSD licensed fork of Mapbox GL JS version 1. Instead of consuming bitmap image tiles, it consumes tiles corresponding to the same coordinate extents as the above tiles, but containing tagged geometry features. So instead of sending a PNG image you're sending what is essentially an SVG, but in binary format and with some domain-specific compression.
* The GL JS renderers also rasterize those vector tiles using WebGL, which means that all the geometry data exists in GPU memory and can be scaled, rotated, and recolored etc in realtime efficiently, and also implement their own limited text rendering so even labels can be rotated in realtime.
Re: LeafletJS: a JavaScript library for interactive maps
#37In a previous life I used Leaflet in some digital art-history publications for the Getty Museum in LA [1]. Leaflet was the MVP of our static-website software stack ("JAMstack" before that was a thing). We used Leaflet to provide maps of the Roman Empire as well as deep-zoom functionality for images of artwork. The library is a gem of open-source web technology, versatile and reliable. [1] https://www.getty.edu/public…
OT, but I really love the Getty Museum. Definitely one of the few places worth the trip in LA. If anyone reading has access and hasn't been, consider checking it out. It's not often you see such a large collection of beautiful antiquities, particularly not in such a nice setting.
Re: LeafletJS: a JavaScript library for interactive maps
#38This has nothing to do with JS but if you’re looking for something similar for Python I suggest Folium [1] which uses Leaflet.js to render maps on Jupyter notebooks.
You can preview the end result here [2]
[1]: https://github.com/python-visualization/folium [2]: https://python-visualization.github.io/folium/quickstart.htm...
Re: LeafletJS: a JavaScript library for interactive maps
#39For all you React users (Reactionaries?) out there, there's React Leaflet. I'm in the process of making a little React portfolio app that randomly generates airports within a user-defined distance of each other (for all the indecisive Flight Sim users), and with this library it took all of about 20 minutes to put the airports on a map, draw a line between them, and center the map on them. Really neat stuff. https://r…
React users can take a look at this component called Pigeon Maps to accomplish a similar user experience in more React DOM compatible way:
Though you miss out on the wide range of Leaflet plugins!
Re: LeafletJS: a JavaScript library for interactive maps
#40I’ve used Leaflet a ton and love it. But I recently tried using it with a vector-based render method (as opposed to the rastered tiles Leaflet uses by default) and couldn’t find anything that worked anywhere near as easily and simply as Leaflet’s standard rendering. I don’t blame the Leaflet folks for this really, rendering map data locally via WebGL is not a simple task. But it’s been depressing to see folks like Ma…
Yeah Leaflet never really made the jump to vector tiles. There are various ways to add vector drawing to it but as you've noted none of them are quite easy or simple enough.
MapLibre.org gives me hope. It's a fork of the MapBox GL JS code that intends to be fully open source and independent.
Another option for open source vector mapping was Mapzen's Tangram. Mapzen shut down, what, two years ago? But they open source released everything. I'm not sure if Tangram has a life of its own.