Discussion :

[Richard69]

Bonjour.

Je ne comprends pas comment paramétrer l'affichage de plusieurs couches dans le LayerSwitcher de ma carte.

J'ai 2 couches Géoportail et 2 couches Open Street Map.
Pour les couches Géoportail les informations d'affichage sont chargées avec la configuration de l'accès au Géoportail, pour les 2 autres couches (OSM)
je dois spécifier les informations d'affichage dans les options du widget.
Le problème est que lorsque je paramètre les 2 couches, une seule affiche les infos, l'autre affiche le numéro Leaflet de la couche.
Je ne sais si il est possible de paramétrer l'affichage de plusieurs couches OSM. Quelle syntaxe dois-je utiliser pour y arriver. (je suis novice en javascript)

Je mets ici une capture de mon code :


Merci pour vos éclaircissements.
Cordialement.

[IGNC_XT]

Bonjour,
Difficile de mener des tests ou d'analyser votre demande à partir d'une capture d'écran, ce serait mieux d'avoir le code.
Avez-vous essayé de faire votre dev uniquement avec leaflet (cf. pas à pas : https://geoservices.ign.fr/documenta...s-leaflet.html) sans utiliser l'extension leaflet proposée par l'IGN?

[Richard69]

Bonsoir.

Merci de votre réponse.
Voulez-vous que je vous indique l'adresse de mon site ?
Pour votre seconde question, je n'ai pas essayé sans utiliser l'extension leaflet proposée par l'IGN.
Cela à l'air intéressant, mais pardonnez-moi, je suis novice, et je vois dans cette méthode que la clé est en clair dans le code.
N'y a-t-il pas le risque de se la faire voler. (question de débutant ).
J'utilise le fichier d'autoconf.
Et je vois aussi que "la démarche proposée ici permet de mettre en oeuvre un affichage de base pour les données IGN servies en WMTS WebMercator directement avec Leaflet. L’adjonction de l’extension Géoportail pour Leaflet permettra de bénéficier de l’ensemble des services du Géoportail avec cette bibliothèque".
J'utilise le géocodage avec la barre de recherche ainsi que le calcul d'itinéraires et l'altitude en un point de la carte et j'aimerais bien pouvoir continuer à les utiliser.
De toute façon je vais quand même essayer. C'est toujours intéressant d'apprendre.

En attendant votre réponse. Cordialement.

[IGNC_XT]

Normalement votre clé dispose d'un referer qui limite son utilisation à l'url de votre site ou à une adresse IP (suivant la config que vous avez choisie) ainsi qu'à localhost.
Dans tous les cas en utilisant la console d'un navigateur, on verra la clé utilisée.
Effectivement l'extension leaflet proposée par l'IGN est pratique. Le test sans utiliser cette extension visait simplement (à défaut d'avoir votre code sous la main) de s'assurer que le problème ne provenait pas d'une incompatibilité entre l'extension leaflet et les flux d'OSM (d'autant qu'une recherche internet m'a amené sur des tickets récents de bug des flux OSM...)

[Richard69]

Merci pour ces explications.
Il y a plusieurs choses que je ne comprends pas bien.
Je viens de regarder sur mon compte IGN Pro. Je dispose d'une sécurisation par IP.
Cela veut-il dire que seule cette IP est autorisée à utiliser les services IGN ?
Je pense que non, ce serait inutile. Alors comment cela marche t-il ?
Pouvez-vous m'éclairer là-dessus ?

Vous dites : "Dans tous les cas en utilisant la console d'un navigateur, on verra la clé utilisée."
Lorsque j'utilise la console je ne vois pas directement ma clé mais le fichier autoconf.js.
Je ne comprends pas bien ce que vous voulez dire.

Je vous remercie.

[IGNC_XT]

Je dispose d'une sécurisation par IP.
Cela veut-il dire que seule cette IP est autorisée à utiliser les services IGN

Seul votre site peut appeler les services IGN. Après tout le monde peut utiliser votre site...

"Dans tous les cas en utilisant la console d'un navigateur, on verra la clé utilisée."
Lorsque j'utilise la console je ne vois pas directement ma clé mais le fichier autoconf.js.

Regardez les URL des images (cartes, photo aériennes), la clé devrait être dans l'URL

[Richard69]

Je vous remercie pour vos explications.
Cordialement.

[lowzonenose]

Attention, la configuration des couches dans le LayerSwitcher est de la forme suivante :

Code :

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

1
2
3
4
5
6
7
8
map.addControl( L.geoportalControl.LayerSwitcher({
  layers : [
    { layer: ..., config : {...}},
    { layer: ..., config : {...}},
    ...
  ]
});

[Richard69]

Bonsoir.

Merci pour votre intervention mais j'ai l'impression qu'il manque une parenthèse dans votre code.
Il y a 3 parenthèses. Ne devrait-il pas y en avoir 4 ?
A part cela, j'avais écris le même code que vous (avec la quatrième parenthèse) mais cela ne fonctionne pas, c'est à dire qu'une seule des couches OSM
affiche les paramètres que j'ai passé. L'autre n'affiche que le numéro Leaflet de la couche.

Merci quand même. Cordialement.

[lboulanger]

Bonjour,

En effet, il manque une parenthèse à la fin du code de lowzonenose, mais il voulait rappeler la structure de la configuration des couches, qui ne semble pas exacte d'après votre capture d'écran.

En effet, la propriété "layers" est un tableau (OK), dont les différents éléments sont des objets correspondant chacun à une couche qu'on souhaite configurer. Or dans votre cas le tableau ne contient qu'un seul élément (un seul objet entre {}), avec les propriétés des deux couches en même temps, ça me semble donc logique qu'une seule configuration soit prise en compte.
Voir la documentation du LayerSwitcher.

Votre code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
map.addControl(
    L.geoportalControl.LayerSwitcher({
        layers : [{
            layer : OSM,
            config : {
                title : "OSM",
                description : "Couche Open Street Map"
            },
            layer : OSM_BW,
            config : {
                title : "OSM Noir et Blanc",
                description : "Couche OSM Noir et Blanc"
            }
        }]
    })
)

A remplacer par :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
map.addControl(
    L.geoportalControl.LayerSwitcher({
        layers : [
            // couche 1
            {
                layer : OSM,
                config : {
                    title : "OSM",
                    description : "Couche Open Street Map"
                }
            },
            // couche 2
            {
                layer : OSM_BW,
                config : {
                    title : "OSM Noir et Blanc",
                    description : "Couche OSM Noir et Blanc"
                }
            }
        }]
    })
)

Si cela ne fonctionne toujours pas, il nous faudrait plus d'éléments pour pouvoir vous aider (code complet pour afficher votre page -en enlevant votre clé-, ou url pour tester votre site).

Laurane

[Richard69]

Bonjour.

Effectivement, c'est limpide.
Cela fonctionne normalement maintenant.

Je vous remercie pour votre intervention. Et je prie lowzonenose de bien vouloir m'excuser de ne pas avoir compris son message.
Je vous souhaite une excellente journée.

Cordialement.

[lboulanger]

Bonjour, n'hésitez pas à indiquer votre problème comme si la solution vous convient

Bonne journée,
Laurane