Table des matières

Tuiles vectorielles

Le format de tuiles vectorielles Mapbox Vector Tiles (MVT) fourni un stockage pyramidale des tuiles pour représenter des données géographiques (une carte 🙂).

Ce format peut être contenues dans les formats d'archive:

Les tuiles doivent correspondre à un schéma pour permettre l'exploitation des données contenues:

Une liste d'outils autour des tuiles vectorielles (MVT), maintenue par Mapbox. À noter qu'elle ne contient ni pmtiles ni versatiles. 😕

Tilemaker

Tilemaker permet de générer des tuiles MVT à partir d'un fichier OSM PBF (donc sans PostgreSQL) au format MBTiles ou PMTiles et selon le schéma de son choix.

Selon le schéma OpenMapTiles utiliser les 2 fichiers suivants :

Selon le schéma ShortBread utiliser les 2 fichiers suivants :

La force de tilemaker est de pouvoir modifier le schéma des tuiles avec 2 fichiers:

Des fichiers PBF des données OpenStreetMap.

Pour découper les shapefiles SHP des polygones des coastlines, water et landcover il y a l'outil en ligne MapShaper.

Benchmark

Génération des MBTiles et PMTiles pour la France métropolitaine (geofabrik.de france-latest.osm.pbf).

Sur une VM OVH d2-8, soit 8 Go de RAM et 50 Go de disque, il faut utiliser tilemaker avec l'option –store car la RAM n'est pas suffisante. Pendant la génération il y aura de nombreux fichiers mmap_*.dat pour environ 15 Go. Évidement le temps de génération est super long (~35 minutes contre 3 minutes avec c3-64). L'intérêt est d'utiliser une VM puissante sur une courte période pour un coût modique. La facturation étant à l'heure et qu'une heure commencée est due il s'agit donc de trouver l'équilibre. 😉

Voir aussi l'option –shard-stores.

Voir cette discussion sur l'optimisation mémoire et autre réglage.

Fichiers résultats:

OVH d2-8 (nécessite tilemaker –store):

OVH c3-16 (nécessite tilemaker –store):

OVH c3-32:

OVH c3-64

PMTiles CLI

https://github.com/protomaps/go-pmtiles

Tilemaker semble avoir un problème pour optimiser les indexes ce qui induit de plus nombreux et volumineux accès au serveur http.

L'idée est alors d'utiliser tilemaker pour générer une archive mbtiles puis de la convertir en pmtiles avec le client pmtiles cli. 

time docker run -it --rm -v $(pwd):/data ghcr.io/systemed/tilemaker:master \
 /data/data/france-latest.osm.pbf \
 --config /data/config-shortbread.json \
 --process /data/process-shortbread.lua \
 --output /data/data/france-openmap.mbtiles
 
real	8m38,578s
user	0m0,902s
sys	0m1,624s
 
time pmtiles convert \
 data/france-shortbread.mbtiles \
 data/france-shortbread-mbtile.pmtiles
 
real	0m11,404s
user	0m6,237s
sys	0m5,210s

versatiles

https://versatiles.org/

Propose un autre format d'archive de tuiles vectorielles et le serveur adapté.

Planetiler

https://github.com/onthegomap/planetiler

Planetiler (pla·nuh·tai·lr, formerly named “Flatmap”) is a tool that generates Vector Tiles from geographic data sources like OpenStreetMap. Planetiler aims to be fast and memory-efficient so that you can build a map of the world in a few hours on a single machine without any external tools or database.

Planetiler packages tiles into an MBTiles (sqlite) or PMTiles file.

Clients Javascript

Leaflet

Avec des plugins

https://leafletjs.com/plugins.html#vector-tiles

leaflet-maptilersdk

code, demo

On 2024-12-23 the last update is 2024-12-19

367ko : leaflet (57ko+6ko) + maptiler-sdk.umd.js (285ko+15ko) + leaflet-maptilersdk.js (4ko)

maplibre-gl-leaflet

https://github.com/maplibre/maplibre-gl-leaflet

On 2024-12-23 last update 2024-07-16

transfert (content-encoding= br) 332 Ko: leaflet (57ko+6ko) + maplibre-gl.js unzipped=803Ko (242ko+23) + leaflet-maplibre-gl.js (4ko)

Leaflet.MapboxVectorTile

https://github.com/SpatialServer/Leaflet.MapboxVectorTile

last update 2016-09-30

Protomaps-leaflet

https://github.com/protomaps/protomaps-leaflet

Protomaps leaflet est beaucoup plus léger (41ko, ungzip 101ko) que les autres MAIS il utilise le schéma de tuiles protomaps et les styles de rendu sont contenus dans le code.

On peut changer les couleurs avec code demo.

tangram

https://github.com/tangrams/tangram

WebGL Maps for Vector Data.

MapLibre

Librairie Javascript pour le rendu.

870 ko : maplibre (804ko+66ko).

Une liste d'outils et plugins autour de Maplibre.

Styles

Des fonts au format PBF. Les styles utilisent généralement la “Noto” mais sont aussi dispo “Metropolis”, “Open Sans”, “PT Sans” et “Roboto”

Il faut aussi les “sprites” qui sont des icônes pour des POIs.

Les styles de rendu doivent être adaptés au schéma utilisé pour les tuiles.

Une démo de certains, avec qlqs p'tites modifs pour d'autres : https://map.comptoir.net/map.html#10/47.2234/0.792

Styles pour le schéma OpenMapTiles:

Styles pour le schéma ShortBread:

Styles pour le schéma Protomaps:

Il y a l'éditeur de styles maputnik (A free and open visual editor for the MapLibre GL styles targeted at developers and map designers).

Essais de rendu - schémas & styles

Avec le schéma Shortbread en zoom 9 il y a de grandes zones vides alors que des villages sont connus, au moins pour se repérer dans une région, alors qu'avec le schéma OpenMapTiles ont a quelques villages. Voir function calcRank() dans process.lua pour le schéma OpenMapTiles.

Avec les styles Shortbread & OpenMapTiles en zoom 10 il y a le choix d'un village parmi ceux à proximité, choix qui n'est pas forcément pertinent par rapport aux connaissances locales.

Ici on voudrait voir Descartes:

Avec qlqs instructions de positionnement on obtient les 2 villages: 

 "minzoom": 8 /* pour Shortbread colorful */
 "text-justify": "auto",
 "text-variable-anchor": ["center", "top-left", "top-right", "bottom-left", "bottom-right"]