Pages: 1
- Sujet précédent - Integrer les orthophotos IGN 1950–1965 dans Leaflet sans cle API - Sujet suivant
#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: '© 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
Pages: 1
- Sujet précédent - Integrer les orthophotos IGN 1950–1965 dans Leaflet sans cle API - Sujet suivant


