Différences

Ci-dessous, les différences entre deux révisions de la page.

--- informatique:vector_tiles [23/12/2024 11:30] – [protomaps-leaflet] cyrille
+++ informatique:vector_tiles [05/01/2025 10:32] (Version actuelle) – [Tilemaker] cyrille
@@ Ligne 33: / Ligne 33: @@
 Des [[https://wiki.openstreetmap.org/wiki/Planet.osm|fichiers PBF]] des données OpenStreetMap.
+Pour découper les shapefiles SHP des polygones des [[https://osmdata.openstreetmap.de/data/coastlines.html|coastlines]], [[https://osmdata.openstreetmap.de/data/water-polygons.html|water]] et [[https://osmdata.openstreetmap.de/data/land-polygons.html|landcover]] il y a l'outil en ligne [[https://mapshaper.org/|MapShaper]].
 ==== Benchmark ====
@@ Ligne 46: / Ligne 48: @@
 Fichiers résultats:
   * france-openmaptiles.mbtiles 3.2G
-  * france-openmaptiles.pmtiles 2.8G
+  * [[https://map.comptoir.net/france-openmaptiles.pmtiles|france-openmaptiles.pmtiles]] 2.8G
 OVH d2-8 (//nécessite tilemaker --store//):
@@ Ligne 137: / Ligne 139: @@
 On 2024-12-23 last update 2024-07-16
-ko: leaflet (57ko+6ko) + maplibre-gl.js (242ko+23) + leaflet-maplibre-gl.js (4ko)
+transfert (content-encoding= br) 332 Ko: leaflet (57ko+6ko) + maplibre-gl.js unzipped=803Ko (242ko+23) + leaflet-maplibre-gl.js (4ko)
 === Leaflet.MapboxVectorTile ===
@@ Ligne 149: / Ligne 151: @@
 https://github.com/protomaps/protomaps-leaflet
-Protomaps leaflet est beaucoup plus léger (41ko) que les autres MAIS il utilise le schéma de tuiles ''protomaps'' et les styles de rendu sont contenus dans le code.
+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.
-Il semble y avoir un travail pour externaliser les styles mais je n'ai pas tout compris:
+On peut changer les couleurs avec [[https://github.com/protomaps/basemaps-themes|code]] [[https://protomaps.github.io/basemaps-themes/|demo]].
-[[https://github.com/protomaps/basemaps-themes|code]] [[https://protomaps.github.io/basemaps-themes/|demo]].
+=== tangram ===
+https://github.com/tangrams/tangram
+WebGL Maps for Vector Data.
 ==== MapLibre ====
 Librairie Javascript pour le rendu.
+ko : maplibre (804ko+66ko).
 Une [[https://github.com/maplibre/awesome-maplibre|liste d'outils et plugins]] autour de Maplibre.
@@ Ligne 188: / Ligne 196: @@
 Styles pour le schéma Protomaps:
   * [[https://github.com/protomaps/basemaps-themes|protomaps/basemaps-themes]] [[https://protomaps.github.io/basemaps-themes/|preview]]
+Il y a l'éditeur de styles [[https://github.com/maplibre/maputnik|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 ''[[https://github.com/systemed/tilemaker/blob/master/resources/process-openmaptiles.lua|process.lua]]'' pour le schéma OpenMapTiles.
+{{:informatique:openstreetmap:style_shortbread_zoom_9.png?400|}} {{:informatique:openstreetmap:style_openmaptiles_zoom_9.png?400|}}
+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:
+{{:informatique:openstreetmap:style_manque_descartes_zoom_10.png?300|}}
+Avec qlqs instructions de positionnement on obtient les 2 villages: {{:informatique:openstreetmap:style_avec_descartes_zoom_10.png?300|}}
+<code javascript>
+ "minzoom": 8 /* pour Shortbread colorful */
+ "text-justify": "auto",
+ "text-variable-anchor": ["center", "top-left", "top-right", "bottom-left", "bottom-right"]
+</code>