MapLibre GL et ressource vecteur tuilé de l'IGN

**mga_geo** · 26/02/2021, 18h57

Bonsoir à tous,

J'essaye de remplacer les tuiles de https://openmaptiles.geo.data.gouv.f...ght/style.json par celles de l'IGN.
J'utilise l'url suivante https://vectortiles.ign.fr/demonstra...s/planign.json et surprise j'ai cette erreur :
Uncaught Error: An API access token is required to use Mapbox GL
Est-il prévu de fournir un fichier de style ne dépendant pas de la version payante de mapbox ?

Marc

**lowzonenose** · 03/03/2021, 15h32

MapBox GL ?
Vous utilisez la librairie MapBox GL ?
Je vous renvoie vers le support de MapBox GL...

Est-il prévu de fournir un fichier de style ne dépendant pas de la version payante de mapbox ?

Le format du style MapBox est libre.
Nous n'utilisons pas de ressources payantes chez MapBox !?

Pour info,
la ressource sur vectortiles.ign.fr ne devrait pas être utilisée.
Le fichier de style officiel de la couche PLAN.IGN est : https://wxs.ign.fr/an7nvfzojv5wa96ds.../standard.json

**mga_geo** · 04/03/2021, 08h03

J'utilise la bibliothèque MapLibre JS, cf https://github.com/maplibre/maplibre-gl-js

La page http://ao35.free.fr/mapbox/ign.html n'est pas fonctionnelle.
La clé an7nvfzojv5wa96dsga5nk8w est celle de geoportail.gouv.fr, elle est valide pour cette utilisation ?

Marc

**lowzonenose** · 04/03/2021, 10h04

J'utilise la bibliothèque MapLibre JS, cf https://github.com/maplibre/maplibre-gl-js
La page http://ao35.free.fr/mapbox/ign.html n'est pas fonctionnelle.

Il faut se diriger vers le support de maplibre-gl-js sur l'utilisation de flux externe...

La clé an7nvfzojv5wa96dsga5nk8w est celle de geoportail.gouv.fr, elle est valide pour cette utilisation ?

Evidemment non !
Il faut obtenir sa clef pour cette ressource !

**lowzonenose** · 04/03/2021, 10h37

La page http://ao35.free.fr/mapbox/ign.html n'est pas fonctionnelle.

L'exception remontée est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
Error: layers[40].layout.text-field: use of "text-field" requires a style "glyphs" property
(...)

Le style IGN ne possède pas le tag glyphs, et ceci est une erreur selon le standard MapBox...
Le style n'est donc pas portable sur MapLibre-GL-JS !

Je fais donc remonter l'information pour correction.

**mga_geo** · 04/03/2021, 13h27

Je viens de faire des demandes qui ne sont malheureusement pas précises : la page https://geoservices.ign.fr/documenta...eur-tuile.html n'est pas accessible, elle est référencée sur https://geoservices.ign.fr/documenta...eur-tuile.html

**mga_geo** · 04/03/2021, 16h03

Je viens de mettre à jour la clé sur la page http://ao35.free.fr/mapbox/ign.html

**lowzonenose** · 05/03/2021, 10h38

Le correctif sur les glyphs sera disponible en début de semaine prochaine en production.

Il est possible de voir une demo (en utilisant la librairie maplibreGL) avec les glyphs mis en place sur le fichier de style de la couche PLAN.IGN sur le dépôt suivant :
https://github.com/lowzonenose/glyph...master/TEST.md

**mga_geo** · 05/03/2021, 18h28

J'ai quelques messages "SecurityError: The operation is insecure." mais cela s'affiche.

Merci
Marc

**Viglino** · 07/03/2021, 19h06

Bonjour,

Si cela peut aider il est également possible d'utiliser les glyphs fournis par OpenMapTiles (https://github.com/openmaptiles/fonts).
La définition à ajouter dans le fichier de style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

"glyphs":"https://fonts.openmaptiles.org/{fontstack}/{range}.pbf"}

Par exemple pour les couches IGN avec ce fichier : https://viglino.github.io/ol-ext/exa.../standard.json
Voir en ligne un exemple avec MapLibre sur les couches IGN > https://viglino.github.io/ol-ext/exa...plibre.gl.html

**mga_geo** · 09/03/2021, 13h44

Avec la version de Jean-Marc, le seul changement que je vois est la police de caractères.

L'avantage de cette solution est de ne pas héberger les fichiers de polices.

**Viglino** · 09/03/2021, 14h17

J'ai également ajouté les flèches de sens unique (en fin de fichier) ;-)

**mga_geo** · 15/03/2021, 17h58

Envoyé par lowzonenose

Le correctif sur les glyphs sera disponible en début de semaine prochaine en production.

Il est possible de voir une demo (en utilisant la librairie maplibreGL) avec les glyphs mis en place sur le fichier de style de la couche PLAN.IGN sur le dépôt suivant :
https://github.com/lowzonenose/glyph...master/TEST.md

Je viens de tester et rien ne s'affiche. La mise en production a été faite ?

Marc

**lowzonenose** · 15/03/2021, 18h24

Les modifications sont actuellement sur notre site de validation, elles devraient être basculées en production très prochainement.

**Sylvain5931** · 11/05/2021, 13h58

Bonjour,

Je me permets d'ouvrir à nouveau cette discussion.

Je souhaite créer un style à partir de cette page :
https://geoservices.ign.fr/documenta...eur-tuile.html

J'obtiens un fichier custom.json et je le verse sur Github, puis je créé une page html, avec ce code mapboxgl

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
var map = new mapboxgl.Map({
container: 'map',
style: 'https://raw.githubusercontent.com/SylvainH59/ProjetOC1/main/custom2.json', //Style des tuiles vectorielles
zoom: 16, // Zoom
center: [2.8260685, 50.5958040], // Centre de la carte
});

Cela ne fonctionne pas.
Si je remplace par https://viglino.github.io/ol-ext/exa.../standard.json , cela fonctionne.

Par conséquent, quels paramètres (lignes) dois-je modifier sur mon fichier custom.json pour que ce fichier soit valide ?

PS : J'ai changé dans une version custom2.json (par rapport à la version custom.json) la partie glyphs, sans succès :

Code JSON :

Sélectionner tout - Visualiser dans une fenêtre à part

"glyphs":"https://fonts.openmaptiles.org/{fontstack}/{range}.pbf"

Merci d'avance de vos retours

**Viglino** · 11/05/2021, 15h40

Il faut remplacer la source par :

Code JSON :

Sélectionner tout - Visualiser dans une fenêtre à part

 "sources":{"plan_ign":{"type":"vector","url":"https://wxs.ign.fr/choisirgeoportail/geoportail/tms/1.0.0/PLAN.IGN/metadata.json"}},

Il doit manquer des infos à mapbox pour créer les couches...

**lowzonenose** · 11/05/2021, 16h17

Pour info,
les glyphs sont présents sur le Portail :

Code JSON :

Sélectionner tout - Visualiser dans une fenêtre à part

"glyphs":"https://wxs.ign.fr/static/vectorTiles/fonts/{fontstack}/{range}.pbf",

**Sylvain5931** · 11/05/2021, 17h18

Merci de ces retours, j'ai modifié mon fichier custom.json

Mais cela ne fonctionne toujours pas de mon côté :
https://raw.githubusercontent.com/Sy...in/custom.json

Et du coup, je ne vois pas d'où peut venir le problème...