---
# System prepended metadata

title: Framework JS carto
tags: [veille]

---

---
tags: veille
---
# Framework JS carto

## Comparaison

Outils pour afficher/manipuler des cartes sur le web (javascript).
Sur du mobile (via webview)

[Awesome Frontend GIS](https://github.com/JoeWDavies/awesome-frontend-gis)
[Trends](https://npmtrends.com/leaflet-vs-mapbox-gl-vs-maplibre-gl-vs-ol)

### ![Leaflet](https://upload.wikimedia.org/wikipedia/commons/4/40/Leaflet_logo-ua.png =x40)

Développé par un ukrainien de CloudMade.
Utilisée par OpenStreetMap, Flickr, Wikipédia, Foursquare, craigslist, Washington Post, le Wall Street Journal, Geocaching.com, City-Data.com, StreetEasy, Nestoria, Skobbler et d'autres.

Fonctionnalités core réduites. Fonctionnalités avancées dédiées à des plugins (https://leafletjs.com/plugins.html)

2016 : v1
2018: 1.4
2019 : v1.6
2020 : v1.7
2022 : v1.8
2022 : v1.9

Licence BSD

#### Roadmap

v2 ? JS moderne / [module ES6](https://github.com/Leaflet/Leaflet/releases/tag/v1.9.0)
pb: changement cassant (plugin ?)

Code veillissant :
- pas de nouvelle techno (webgl, worker > délégués aux plugins)
- pas d'intégration avec les outils de dev moderne.

### ![](https://upload.wikimedia.org/wikipedia/commons/6/67/OpenLayers_logo.svg =x40) Openlayers

Fonctionnalités SIG et de [saisie avancées](https://openlayers.org/en/latest/examples/tracing.html)
JSTS (topologie), ol-cesium (visu 3D), ol-ext

Licence BSD

2005 : créée par MetaCarta puis Projet d'OSGeo (OpenSource Geospatial foundation)
2013 : réécriture complète (ol.v3)
2017 : passage en module ES2015 (ol.v4)
2018 : ES module indépendants (ol.v5)
2019 : intégration de rendu personnalisé (webGL, GeoTIFF) (ol.v6) 
2022 : WebGL vector rendering (ol.v7)

ol-mapbox-style
2017 : v2
2022 : v7

#### Roadmap

[Future releases will include a higher level styling WebGL API.](https://github.com/openlayers/openlayers/releases/tag/v7.0.0)
[OL6 workshop 2020 (Video)](https://www.camptocamp.com/fr/openlayers)


### ![](https://avatars.githubusercontent.com/u/75709127?s=200&v=4 =x40) MapLibre

2020 : fork de Mapbox-gl v1.13 suite à l'annonce de Mapbox de changer sa politique OpenSource

Licence BSD

#### Roadmap :
* https://roadmap.maplibre.org/tabs/16-overview
  * https://roadmap.maplibre.org/c/93-openlayers-layers-functionality-as-a-maplibre-plugin

## Comparaisons : 

https://www.geoapify.com/map-libraries-comparison-leaflet-vs-mapbox-gl-vs-openlayers-trends-and-statistics

|   | Leaflet | Openlayers | MapLibre |
| - | ------- | ---------- | -------- |
| - | Compliqué si veut des fonctionnalités | Complexe à prendre en main | Outil orienté visualisation |
|   | Lib viellissante (pas de tuile vecteur) | Communauté plus faible | Lib jeune |
|   | Basé sur des plugins (non homogène) |  | Plugins (Mapbox) |
| + | Facilité d'utilisation | Evolutive | Rendu WebGL |
|   |  | Orienté objet/ES6 | ES6 |
|   |  | Robustesse |  |
|   |  | Outils SIG (saisie/projection/formats) | rendu 3D |
|   | Doc et exemples nombreux | Doc et exemples | Doc et exemples (MapBox) |

## Tuiles vecteur
* Etalab : https://guides.etalab.gouv.fr/apis-geo/3-tuiles-vecteur.html#comment-utiliser-les-tuiles-vectorielles-d-etalab
* Raster vs VTT : https://viglino.github.io/ol-ext/examples/layer/map.layer.maplibre.html
* MapLibre : https://viglino.github.io/ol-ext/examples/layer/map.maplibre.gl.html

## Téléchargements :
https://npmtrends.com/leaflet-vs-mapbox-gl-vs-maplibre-gl-vs-ol

