Discussion :

[NJNDEV]

Bonjour, encore moi...
Le code suivant:

Code JavaScript :

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
map.addControl(new ol.control.LayerSwitcher(
		[
			{
			layer: osmLyr,
				config: {
					title: "OSM",
					description: "Couche OpenStreet Map",
				}
			layer: layerKML,
				config: {
					title: "VST",
					description: "Couche KML",
				} 
		}
], 
					{
				collapsed: true
			}
	));

ne fonctionne pas, rien ne s'affiche, alors que si un seul layer est ajouté, l'affichage se fait.
Erreur de syntaxe?
Merci pour toute lumière?

[elias couppe]

Pouvez vous nous fournir le code complet de votre page, en masquant votre clé de développement ?

[NJNDEV]

template_parcellesOL.php

Je rajouterai le point suivant à problème comment faire pour mettre un "label" aux couches non Géoportail autre que le numéro d'ordre "4" et "5" dans le cas présent, qui représentent le marqueur.
Merci

[elias couppe]

Bonjour,

il y a un problème de syntaxe dans votre code au niveau de la configuration du layerSwitcher (http://ignf.github.io/geoportal-exte...rSwitcher.html) :

Code javascript :

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
 
	var lsControl = new ol.control.LayerSwitcher({
		layers : [
			{
				layer: osmLyr,
				config: {
					title: "OSM",
					description: "Couche OpenStreet Map",
				}
			},
			{
				layer: layerKML,
				config: {
					title: "VST",
					description: "Couche KML",
				}
			}
		], 
		options : {
			collapsed: true
		}
	});

Le "label" dans le layerswitcher est remplacé par le paramètre "title" de la configuration du layerswitcher. Par exemple, avec l'exemple mis plus haut, la couche KML sera affichée avec le label "VST" dans le layerswitcher.

[NJNDEV]

Merci pour votre analyse, je vais m'attacher à revoir ce code selon vos remarques, dès que le Géoportail sera pleinement opérationnel..

[NJNDEV]

Merci à elias couppe pour son aide et sa patience...
Code complet:.
syntaxe_correcte.js

Points importants de la syntaxe:

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
//AJOUT Couche KML
	var layerKML = new ol.layer.Vector({source: new ol.source.Vector({url: urlKML,format: new ol.format.KML({	extractStyles: true})})	});
	map.addLayer(layerKML);  // ajout layer "layerKML"
// AJOUT contrôle Switcher
	var lsControl = new ol.control.LayerSwitcher({
		layers : 
		[
			{layer: osmLyr, config: {title: "OSM", description: "Couche OpenStreet Map",}},  // Ajout du layer 1
			{layer: layerKML, config: {title: "....", description: "....",}},  // Ajout du layer 2
			{layer: layer, config: {title: "Parcelle Recherchée", description: "Couche Texte",}}, //// Ajout du layer 3
		], 
			options : {collapsed: true});
	map.addControl(lsControl);