tilemaker VS maplibre-gl-js

You can download an extract of your country from Geofabrik, run it through Tilemaker (https://github.com/systemed/tilemaker) to get a nice mbtiles file, and then use the built-in Ruby server to give you something you can load in your web-browser locally.

I ran into this solution last week on HN and decided to give it a try. The pipeline that got me up and running was geofabrik osm.pbf[0] downloads, pass those into tilemaker[1] to create mbtiles, and then pass those into pmtiles[2] to make the pmtiles.

[0]: https://download.geofabrik.de/index.html

[1]: https://github.com/systemed/tilemaker

[2]: https://github.com/protomaps/PMTiles

Tilemaker

If you do vector tiles instead of raster, you could use tilemaker: https://github.com/systemed/tilemaker

Try to convert by GDAL files from geofabrik, ogr2ogr make my laptop hurt, but not tiles. Found tilemaker, looks better, but i get only markers, not images.

MBTiles is also a format that is supported more and more, something like tilemaker can help you with that. https://github.com/systemed/tilemaker

I'm trying to build offline maps for my app and I've figured out the app part. Now all thats left is getting the MBTiles file for all regions of the world and host it on my own somewhere. I tried to generate these files myself using [tilemaker](https://github.com/systemed/tilemaker) but I soon realised that with my limited computing power it would take forever to process 50GB worth of files for the entire planet.

(.shp .gpkg ...) | ogr2ogr -> .geojson | tippecanoe -> .pmtiles

for OpenStreetMap data there's planetiler[4], and and openmaptiles[5] styles that work with Maplibre

with those combinations you've got a great start to something you can host for pennies on AWS S3+CloudFront or Cloudflare R2, with an open source data pipeline

[1] https://maplibre.org/

MapLibre GL JS v3.3.1

Does anyone else have a solution for the satellite layer? I was using MapLibre [0] then needed direct-on-the-ground images which made me convert to Google Maps.

[0] https://maplibre.org/

When using the Amazon Location Service, I recommend MapLibre GL JS, which I introduced in my previous article, "Amazon Location Service and AWS Amplify to Use Various Map Library," but you can also use any map library you like, including iTowns this time. I hope you will choose the map library of your choice, including iTowns!

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 #maplibre and #imagery slack channels in OSMUS's slack [2]

[1] https://blayne.chard.com/cogeotiff-web/index.html?view=cog&i...

[2] https://github.com/maplibre/maplibre-gl-js#getting-involved

The map is rendered by https://maplibre.org/, you can see how it is used here https://github.com/anvaka/map-of-github

Kudos to https://maplibre.org/ - amazing library