maplibre-gl-js

QGIS is a gold standard to verify you tools works fine and data is in a correct format ... if you are a web based first, you have even better options to build and extend kepler, protomaps, maplibre-gl-js https://kepler.gl https://protomaps.com https://github.com/maplibre/maplibre-gl-js the rest can be found on great Qiusheng Wu’s (aka @giswqs) Geo/GeoAI tutorials channels and repos https://www.youtube.com/@giswqs/videos https://x.com/giswqs but what really amazed me is how geo spatial support is growing inside of databases recently https://duckdb.org/docs/stable/core_extensions/spatial/overv... all mighty postgis https://postgis.net/docs/manual-3.5/postgis_cheatsheet-en.ht... https://sedona.apache.org/latest/ https://geoparquet.org/releases/v1.0.0/ and many unlocked dataset compare to other industries https://docs.overturemaps.org/getting

By far the best self-hostable map solution I've been able to find. I've been using it through https://github.com/maplibre/maplibre-gl-js for the last couple of months, and it's been almost as easy/simple as leeching off openstreetmap.org (which isn't really something you're supposed to do). The server side is just caddy with three lines of config serving a static file that can be prepared using this project's CLI tool. For example, to get all of Iceland: $ pmtiles extract \ https://demo-bucket.protomaps.com/v4.pmtiles is.pmtiles \ --bbox=-27.9,61.9,-10.7,68.1 $ du -h is.pmtiles 252M is.pmtiles Even though it's a vector map, it renders very smoothly on my 5½-year-old Android phone. Leaflet also works ok. OpenLayers's vector tile renderer is not very good and won't get you far. Some commercial organizations repackage OSM dat

Your browser has a very powerful image decoder built into it, offloading the PNG decoding into Javascript is very resource hungry. Using maplibre (or any map viewer) you can load blobs of image data out of a tiff and use `Image` or `Canvas` to render the data onto a map. Its even easier if the tiffs are already Cloud optimized as they perfectly align to a 1-to-1 map tile and they don't need to be rescaled, you can then just render the images onto the map. eg here is a viewer that loads webps out of a 15GB tiff and uses Canvas to render them onto a map [1] Unless you are trying to layer all your maps together, you also could stop reprojecting them into webmercator, or if your goal is to layer them, then storing them in webmercator would save a ton of user's compute time. There are a bunch of us that talk web maping and imagery in the #mapl

How come these map projects still use raster tiles? Are there no open source map projects that render the OSM data to vector data, and renders that vector data on the clients GPU? Maybe raster tiles are better at something I'm missing, but vector maps are easier to style[0], localize, they're sharper, easier to rotate and zoom smoothly. Maybe it's harder than I think to render it on all sorts of clients including mobile? When writing this I found out that MapTiler[1] is maintaining MapLibre GL JS[2], a fork of a Mapbox project to do just that. It would be interesting to see the difference between self hosting raster and vector maps and compare pros and cons. You can even render raster tiles from vector tiles on the server if the client needs it[3]. [0] https://openmaptiles.org/docs/style/mapbox-gl-style-spec/ [1] https://www.maptiler.com/

I’d recommend taking a look at Maplibre GL JS[0], which is a fully open source map library. It was forked from Mapbox GL JS just before licence change, therefore it’s also fully compatible with the style spec etc. It’s also actively maintained and has a strong community behind it. 0: https://github.com/maplibre/maplibre-gl-js

mapbox-gl is an engineering marvel. unforunately no longer OSS, but there's a fork [0]. not sure how actively the fork will be further developed aside from bugfixes. [0] https://github.com/maplibre/maplibre-gl-js

Really hope that this will be added to OSS fork of Mapbox [1] [1] https://github.com/maplibre/maplibre-gl-js

One of these is called MapLibre for the curious. https://maplibre.org/ https://github.com/maplibre/maplibre-gl-js I've used it on a smaller project, it worked well for me.

How does it compare to this? https://github.com/maplibre/maplibre-gl-js

For your frontend: MapLibre GL [1] is the fork of Mapbox GL that's still open source, so you don't have to pay for each usage. For tile hosting: Openmaptiles [2], based on Openstreetmap data. Either pay them for out-of-the-box experience, or use their open-source code to set up your own server at whatever hosting for whatever price you prefer. [1] https://github.com/MapLibre/maplibre-gl-js [2] https://openmaptiles.org/

No, this is a common misconception about deck.gl. deck.gl is completely independent from other frameworks, however deck.gl is more geared towards data visualization, so it's commonly paired with other frameworks that focus on a vector basemap. There are examples [0] of pairing deck.gl with either Mapbox GL JS or Google Maps. It's also easy to use deck.gl with the open source Mapbox GL JS port [1]. Also if you're ok with a bitmap basemap, you can just render OSM tiles with deck.gl directly [2]. (Also I guess good to disclaim that I'm a maintainer of deck.gl ) [0]: https://deck.gl/docs/get-started/using-with-map [1]: https://github.com/maplibre/maplibre-gl-js [2]: https://deck.gl/examples/tile-layer/

The community has started a mapbox-gl-js 1.x fork called maplibre-gl-js, I'll be migrating to it in the future: https://github.com/maplibre/maplibre-gl-js