banniere

Le portail francophone de la géomatique


Toujours pas inscrit ? Mot de passe oublié ?
Nom d'utilisateur    Mot de passe              Toujours pas inscrit ?   Mot de passe oublié ?

Annonce

Rencontres QGIS 2026

L'appel à participation est prolongé jusqu'au 23 novembre 2025!

#1 Tue 18 November 2025 09:10

otn14
Juste Inscrit !
Date d'inscription: 17 Nov 2025
Messages: 2

Integrer les orthophotos IGN 1950–1965 dans Leaflet sans cle API

Bonjour à tous,

Je cherche à intégrer les orthophotos historiques 1950–1965 de l’IGN dans une carte Leaflet, sans clé API, en m’appuyant sur les services ouverts du Géoportail (data.geopf.fr). Mon objectif est d’afficher ces fonds sur une carte centrée sur Langrune-sur-Mer, avec éventuellement un sélecteur de couches.

Ce que j’ai testé

    Téléchargement du plugin leaflet.tilelayer.wmts.umd.js depuis le dépôt GitHub alcalin/L.TileLayer.WMTS

    Chargement du plugin après Leaflet

    Utilisation de la syntaxe :

const ortho1950 = L.tileLayer.wmts(‹ https://data.geopf.fr/wmts ›, { layer: ‹ ORTHOIMAGERY.ORTHOPHOTOS.1950-1965 ›, style: ‹ normal ›, tilematrixSet: ‹ PM ›, format: ‹ image/jpeg ›, attribution: ‹ © IGN - Géoportail › });

Problèmes rencontrés

    L.tileLayer.wmts est undefined dans la console

    Tentatives d’accès direct via L.tileLayer('https://data.geopf.fr/tiles/...') → erreurs NS_BINDING_ABORTED et OpaqueResponseBlocking

    Aucun affichage des tuiles, malgré un code HTML minimaliste et propre

Contexte

    Site en HTTPS

    Tests réalisés sur Firefox

    Objectif : carte simple avec fond IGN 1950–1965, sans clé API, compatible avec Leaflet

Questions

    Existe-t-il une méthode fiable pour intégrer cette couche IGN 1950–1965 dans Leaflet sans clé API aujourd’hui ?

    Le plugin leaflet.tilelayer.wmts.umd.js est-il encore fonctionnel ? Faut-il une version spécifique ?

    Merci d’avance pour vos lumières — je suis preneur de toute piste ou exemple fonctionnel.

Daniel

Hors ligne

 

#2 Tue 18 November 2025 12:55

fbecir
Participant assidu
Lieu: Saint-Mandé
Date d'inscription: 16 Sep 2008
Messages: 549

Re: Integrer les orthophotos IGN 1950–1965 dans Leaflet sans cle API

Bonjour

Il me semble que l'erreur vient de la pyramide que vous utilisez : PM
La pyramide à utiliser est PM_0_18

Voilà une requête qui vous permet de télécharger une dalle sur votre navigateur :
https://data.geopf.fr/wmts?LAYER=ORTHOI … ECOL=16507


Dans tous les cas, vérifiez toujours le GetCapabilities du service, il peut y avoir des évolutions.

Cordialement

Hors ligne

 

#3 Tue 18 November 2025 23:17

otn14
Juste Inscrit !
Date d'inscription: 17 Nov 2025
Messages: 2

Re: Integrer les orthophotos IGN 1950–1965 dans Leaflet sans cle API

Bonjour
Merci de votre aide
Votre requête fonctionne correctement , mais je tourne en rond pour adapter à mon  code
Voici mon code qui refuse de fonctionner si jamais cela parle à quelqu'un

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Orthophotos 1950-1965 IGN sans clé</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
  <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
  <script src="https://unpkg.com/leaflet-tilelayer-wmts/leaflet-tilelayer-wmts.js"></script>
</head>
<body>
  <div id="map" style="width: 100%; height: 600px;"></div>
  <script>
    const map = L.map('map').setView([48.8566, 2.3522], 12); // Paris

    const ortho1950 = L.tileLayer.wmts('https://data.geopf.fr/wmts', {
      layer: 'ORTHOIMAGERY.ORTHOPHOTOS.1950-1965',
      style: 'normal',
      tilematrixSet: 'PM',
      format: 'image/jpeg',
      attribution: '&copy; IGN - Geoportail',
      tileSize: 256
    });

    ortho1950.addTo(map);
  </script>
</body>
</html>

Cordialement

Hors ligne

 

#4 Wed 19 November 2025 07:47

fbecir
Participant assidu
Lieu: Saint-Mandé
Date d'inscription: 16 Sep 2008
Messages: 549

Re: Integrer les orthophotos IGN 1950–1965 dans Leaflet sans cle API

Bonjour

Comme je vous l'ai dit, c'est la pyramide qui n'est pas bonne.
Remplacez " tilematrixSet: 'PM', " par "  tilematrixSet: 'PM_0_18', "

Cordialement

Hors ligne

 

#5 Wed 19 November 2025 10:47

Sylvain M.
Participant assidu
Lieu: Saint-Pierre-des-Nids (53)
Date d'inscription: 8 Sep 2005
Messages: 1028

Re: Integrer les orthophotos IGN 1950–1965 dans Leaflet sans cle API

Suite à la discussion sur le Forum OpenStreetMap France, voici un exemple fonctionnel, sans plugin WMTS non nécessaire :

https://sylvain-m.github.io/divers/leaf … o_tms.html

code source : https://github.com/sylvain-m/divers/blo … o_tms.html

Dernière modification par Sylvain M. (Wed 19 November 2025 10:48)


Sylvain M.

Hors ligne

 

Pied de page des forums

Copyright Association GeoRezo