add examples demo

demo/examples/example2/example.js

+function load() {
+
+	initExampleMapContentSelect();
+
+    Descartes.Log.setLevel('debug');
+	chargeCouchesGroupes();
+	loadContext();	
+
+}
+
+function doMap(){
+		
+	var contenuCarte = new Descartes.MapContent({editable: true,editInitialItems:true});
+	
+	/*
+	contenuCarte.addItem(coucheToponymes);
+	// Ajout d'un groupe de couches au contenu de la carte
+	contenuCarte.addItem(groupeInfras);
+	// Ajout de couches au groupe
+	contenuCarte.addItem(coucheParkings, groupeInfras);
+	contenuCarte.addItem(coucheStations, groupeInfras);
+	contenuCarte.addItem(coucheRoutes, groupeInfras);
+	contenuCarte.addItem(coucheFer, groupeInfras);
+	// Ajout des autres couches
+	contenuCarte.addItem(coucheEau);
+	contenuCarte.addItem(coucheBati);
+	contenuCarte.addItem(coucheNature);
+    */
+    
+    /* 
+	contenuCarte.addItem(coucheParkingsWfs);
+	contenuCarte.addItem(coucheStationsWfs);
+	contenuCarte.addItem(coucheEauWfs);
+	contenuCarte.addItem(coucheNatureWfs);
+	*/
+    
+    contenuCarte.populate(context.items);
+    
+    initBounds = [context.bbox.xMin, context.bbox.yMin, context.bbox.xMax, context.bbox.yMax];
+    
+    // Construction de la carte
+	var carte = new Descartes.Map.ContinuousScalesMap(
+				'map',
+				contenuCarte,
+				{
+					projection: projection,
+					initExtent: initBounds,
+					maxExtent: maxBounds,
+					displayExtendedOLExtent: true,
+					//minScale:2150000,
+					minScale:7000000,
+					maxScale:100,
+					autoSize: true
+				}
+			);
+
+	var toolsBar = carte.addNamedToolBar('toolBar');
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.DRAG_PAN});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.ZOOM_IN});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.ZOOM_OUT});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.INITIAL_EXTENT, args : initBounds});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.MAXIMAL_EXTENT});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.CENTER_MAP});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.COORDS_CENTER});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.NAV_HISTORY});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.DISTANCE_MEASURE});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.AREA_MEASURE});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.POINT_SELECTION,
+										  args: {
+				                            resultLayerParams: {
+				                                display: true
+				                            }
+    }});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.POLYGON_SELECTION,
+										  args: {
+				                            resultLayerParams: {
+				                                display: true
+				                            }
+    }});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.RECTANGLE_SELECTION,
+										  args: {
+				                            resultLayerParams: {
+				                                display: true
+				                            }
+    }});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.CIRCLE_SELECTION,
+										  args: {
+				                            resultLayerParams: {
+				                                display: true
+				                            }
+    }});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.POINT_RADIUS_SELECTION,
+										  args: {
+				                            resultLayerParams: {
+				                                display: true
+				                            }
+    }});
+    carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.POLYGON_BUFFER_HALO_SELECTION,
+        args: {
+            resultLayerParams: {
+                display: true
+            }
+        }});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.LINE_BUFFER_HALO_SELECTION,
+        args: {
+            resultLayerParams: {
+                display: true
+            }
+        }});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.PNG_EXPORT});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.PDF_EXPORT});
+	carte.addToolInNamedToolBar(toolsBar,{type: Descartes.Map.DISPLAY_LAYERSTREE_SIMPLE});
+	carte.addToolInNamedToolBar(toolsBar,{type: Descartes.Map.SHARE_LINK_MAP});
+
+	carte.addToolInNamedToolBar(toolsBar,{type: Descartes.Button.GeoPlateformeIsoCurve});
+
+	carte.addContentManager(
+		'layersTree',
+		[
+			{type : Descartes.Action.MapContentManager.ADD_GROUP_TOOL},
+			{type : Descartes.Action.MapContentManager.ADD_LAYER_TOOL},
+			{type : Descartes.Action.MapContentManager.REMOVE_GROUP_TOOL},
+			{type : Descartes.Action.MapContentManager.REMOVE_LAYER_TOOL},
+			{type : Descartes.Action.MapContentManager.ALTER_GROUP_TOOL},
+			{type : Descartes.Action.MapContentManager.ALTER_LAYER_TOOL},
+			{type : Descartes.Action.MapContentManager.ADD_WMS_LAYERS_TOOL},
+			{type : Descartes.Action.MapContentManager.EXPORT_VECTORLAYER_TOOL}
+		],
+		{
+			toolBarDiv: "managerToolBar"
+		}
+	);
+    carte.show();
+
+	// Ajout des zones informatives
+	carte.addInfo({type : Descartes.Map.GRAPHIC_SCALE_INFO, div : null});
+//	carte.addInfo({type : Descartes.Map.MOUSE_POSITION_INFO, div : 'LocalizedMousePosition'});
+//	carte.addInfo({type : Descartes.Map.METRIC_SCALE_INFO, div : 'MetricScale'});
+//	carte.addInfo({type : Descartes.Map.MAP_DIMENSIONS_INFO, div : 'MapDimensions'});
+	carte.addInfo({type : Descartes.Map.LEGEND_INFO, div : 'Legend'});
+	carte.addInfo({type : Descartes.Map.ATTRIBUTION_INFO, div : null});
+
+
+	// Ajout des assistants
+//	carte.addAction({type : Descartes.Map.SCALE_SELECTOR_ACTION, div : 'ScaleSelector'});
+//	carte.addAction({type : Descartes.Map.SCALE_CHOOSER_ACTION, div : 'ScaleChooser'});
+////	carte.addAction({type : Descartes.Map.SIZE_SELECTOR_ACTION, div : 'SizeSelector'});
+//	carte.addAction({type : Descartes.Map.COORDS_INPUT_ACTION, div : 'CoordinatesInput'});
+//	carte.addAction({type : Descartes.Map.PRINTER_SETUP_ACTION, div : 'Pdf'});
+	
+	// Ajout asssitant localisation à l'adresse
+//    carte.addAction({type: Descartes.Action.LocalisationAdresse, div: 'localisationAdresse'});
+
+    carte.addAction({
+            type: Descartes.Action.GeoPlateformeIsoCurveManager,
+            div: 'Pdf',
+            options: {
+                label: true,
+                optionsPanel: {
+                    collapsible: true,
+                    collapsed: false
+                }
+            }
+        });
+    
+	// Ajout de la rose des vents
+	carte.addDirectionalPanPanel();
+    
+	// Ajout de la minicarte
+	carte.addMiniMap("https://carto2.geo-ide.din.developpement-durable.gouv.fr/rest-api/ows/22c7124f-8453-4535-b735-555f03d2c88d?LAYERS=c_natural_Valeurs_type");
+
+	// Ajout du gestionnaire de requete
+/*	if (mapContentType !== "KML" && mapContentType !== "GEOJSON") {
+		var gestionnaireRequetes = carte.addRequestManager('Requetes');
+		
+		var laCoucheBati = carte.mapContent.getLayerById("coucheBati");
+		var requeteBati = new Descartes.Request(laCoucheBati, "Filtrer les constructions", Descartes.Layer.POLYGON_GEOMETRY);
+		var critereType = new Descartes.RequestMember(
+						"Sélectionner le type",
+						"type",
+						"==",
+						["chateau", "batiment public", "ecole", "eglise"],
+						true
+					);
+	
+		requeteBati.addMember(critereType);
+		gestionnaireRequetes.addRequest(requeteBati);
+	}
+
+	// Ajout du gestionnaire d'info-bulle
+	if (mapContentType !== "KML" && mapContentType !== "GEOJSON") {
+		var laCoucheParkings = carte.mapContent.getLayerById("coucheParkings");
+		var laCoucheStations = carte.mapContent.getLayerById("coucheStations");
+		carte.addToolTip('ToolTip', [
+			{layer: laCoucheParkings, fields: ['name']},
+			{layer: laCoucheStations, fields: ['name']}
+		]);		
+	} else {
+		var laCoucheParkings = carte.mapContent.getLayerById("coucheParkings");
+		var laCoucheStations = carte.mapContent.getLayerById("coucheStations");
+		carte.addSelectToolTip([
+			{layer: laCoucheParkings, fields: ['name']},
+			{layer: laCoucheStations, fields: ['name']}
+		]);
+	}
+
+	// Ajout du gestionnaire de contextes
+	carte.addBookmarksManager('Bookmarks', 'exemple-descartes',{behavior : Descartes.Action.BookmarksManager.BEHAVIOR_MANAGED_BY_CREATOR});
+
+	// Ajout du gestionnaire de localisation rapide
+	carte.addDefaultGazetteer('Gazetteer', "93", Descartes.Action.DefaultGazetteer.DEPARTEMENT);
+*/
+    carte.addOpenLayersInteractions([
+        {type: Descartes.Map.OL_DRAG_PAN, args:{condition:ol.events.condition.noModifierKeys}},
+        {type: Descartes.Map.OL_MOUSE_WHEEL_ZOOM}]);
+
+}

demo/examples/example2/index.html

+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>D-GeoPlateforme Example</title>
+		<link rel="shortcut icon" type="image/jpg" href="../commons/favicon.png"/>
+        <link rel="stylesheet" type="text/css" href="/@descartes/d-map/dist/vendor/d-map-required.css"/>
+        <link rel="stylesheet" type="text/css" href="/@descartes/d-map/dist/css/d-map.css"/>
+        <link rel="stylesheet" type="text/css" href="/@descartes/d-editmap/dist/css/d-editmap.css"/>
+        <link rel="stylesheet" type="text/css" href="/@descartes/d-inkmap/dist/vendor/d-inkmap-required.css"/>
+        <link rel="stylesheet" type="text/css" href="/@descartes/d-inkmap/dist/css/d-inkmap.css"/>
+<!--         <link rel="stylesheet" type="text/css" href="/vendor/d-geoplateforme-required.css"/> -->
+        <link rel="stylesheet" type="text/css" href="/css/d-geoplateforme.css"/>
+        <link rel="stylesheet" type="text/css" href="example.css"/>
+
+        <script src="/@descartes/d-map/dist/vendor/d-map-required.js"></script>
+        <script src="/@descartes/d-map/dist/d-map.js"></script>
+        <script src="/@descartes/d-editmap/dist/d-editmap.js"></script>
+        <script src="/@descartes/d-inkmap/dist/vendor/d-inkmap-required.js"></script>
+        <script src="/@descartes/d-inkmap/dist/d-inkmap.js"></script>
+        <script src="/vendor/d-geoplateforme-required.js"></script>
+        <script src="/d-geoplateforme.js"></script>
+		<script src="../commons/config.js"></script>
+		<script src="../commons/data.js"></script>
+        <script src="example.js"></script>
+  
+    </head>
+    <body onload="load()">
+        <div style="text-align: center;">
+        <h3><img src="../commons/favicon-nb.png" alt="Logo Descartes" width="25" height="25" style="margin-bottom: 5px;">&nbsp;D-GeoPlateforme Exemple 2</h3>
+        </div>
+        
+        <center>
+			<select id="exampleMapContentSelect" onchange="exampleMapContentSelectOnChange(this)">
+			   <optgroup label="Couches WMS/WMTS">
+				   <option value="moteurCarto=d-mapserver&mapContentType=WMS">Couches Descartes Mapserver (WMS)</option>
+				   <option value="moteurCarto=d-geoserver&mapContentType=WMS">Couches Descartes Geoserver (WMS)</option>
+				   <option value="moteurCarto=d-qgisserver&mapContentType=WMS">Couches Descartes Qgisserver (WMS)</option>
+				   <option value="moteurCarto=carto2&mapContentType=WMS">Couches Carto2 (WMS)</option>
+			   </optgroup>
+			   <optgroup label="Couches WFS">
+				   <option value="moteurCarto=d-mapserver&mapContentType=WFS">Couches Descartes Mapserver (WFS)</option>
+				   <option value="moteurCarto=d-geoserver&mapContentType=WFS">Couches Descartes Geoserver (WFS)</option>
+				   <option value="moteurCarto=d-qgisserver&mapContentType=WFS">Couches Descartes Qgisserver (WFS)</option>
+				   <option value="moteurCarto=carto2&mapContentType=WFS">Couches Carto2 (WFS)</option>
+			   </optgroup>
+			   <optgroup label="Autres types de couches">
+				   <option value="moteurCarto=&mapContentType=KML">Couches Descartes (KML)</option>
+				   <option value="moteurCarto=&mapContentType=GEOJSON">Couches Descartes (GEOJSON)</option>
+				   <option value="moteurCarto=&mapContentType=CLUSTER">Couches Descartes (CLUSTER)</option>
+			   </optgroup>
+			</select>
+        </center>
+        
+        <hr/>
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-md-4 col-lg-3">
+                	<!-- Ajout de l'arborescence des couches -->
+					<div id="layersTree"></div><br/>
+					<!-- Ajout de la barre d'outils dédiée -->
+					<div id="managerToolBar"></div><br/>
+					<!-- Ajout des assistants -->
+					<div id="Legend"></div><br/>
+					<div id="localisationAdresse"></div><br/>
+					<div id="CoordinatesInput"></div><br/>
+					<div id="ScaleSelector"></div><br/>
+					<div id="ScaleChooser"></div><br/>
+					<div id="SizeSelector"></div><br/>
+                </div>
+                <div class="col-md-4 col-lg-6">
+               		<!-- Ajout de la barre d'outils -->
+					<div id="toolBar"></div>
+					<!-- Ajout de la carte -->
+					<div id="map"></div>
+					<!-- Ajout des zones informatives -->
+					<div id="informations" class="row">
+						<div id="LocalizedMousePosition" class="col-5"></div>
+						<div id="MetricScale" class="col-3"></div>
+						<div id="MapDimensions" class="col-4"></div>
+					</div>
+					<div id="ToolTip"></div>
+				</div>
+                <div class="col-md-4 col-lg-3">
+                	<div id="Gazetteer"></div><br/>
+                	<div id="Requetes"></div><br/>
+					<div id="Bookmarks"></div><br/>
+					<div id="Pdf"></div><br/>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>

demo/examples/example3/example.css

+/*
+    Created on : 27 mars 2017, 14:08:34
+    Author     : David
+*/
+html, body {
+    margin: 0;
+    height: 100%;
+}
+#map {
+    width: 100%;
+    max-height: 500px;
+}
+
+div#informations {
+    height:200px;
+}
+
+div#resultat {
+    height: 400px;
+    width: auto;
+    border: solid black 1px;
+}

demo/examples/example3/example.js

+function load() {
+
+	initExampleMapContentSelect();
+
+    Descartes.Log.setLevel('debug');
+	chargeCouchesGroupes();
+	loadContext();	
+
+}
+
+function doMap(){
+		
+	var contenuCarte = new Descartes.MapContent({editable: true,editInitialItems:true});
+	
+	/*
+	contenuCarte.addItem(coucheToponymes);
+	// Ajout d'un groupe de couches au contenu de la carte
+	contenuCarte.addItem(groupeInfras);
+	// Ajout de couches au groupe
+	contenuCarte.addItem(coucheParkings, groupeInfras);
+	contenuCarte.addItem(coucheStations, groupeInfras);
+	contenuCarte.addItem(coucheRoutes, groupeInfras);
+	contenuCarte.addItem(coucheFer, groupeInfras);
+	// Ajout des autres couches
+	contenuCarte.addItem(coucheEau);
+	contenuCarte.addItem(coucheBati);
+	contenuCarte.addItem(coucheNature);
+    */
+    
+    /* 
+	contenuCarte.addItem(coucheParkingsWfs);
+	contenuCarte.addItem(coucheStationsWfs);
+	contenuCarte.addItem(coucheEauWfs);
+	contenuCarte.addItem(coucheNatureWfs);
+	*/
+    
+    contenuCarte.populate(context.items);
+    
+    initBounds = [context.bbox.xMin, context.bbox.yMin, context.bbox.xMax, context.bbox.yMax];
+    
+    // Construction de la carte
+	var carte = new Descartes.Map.ContinuousScalesMap(
+				'map',
+				contenuCarte,
+				{
+					projection: projection,
+					initExtent: initBounds,
+					maxExtent: maxBounds,
+					displayExtendedOLExtent: true,
+					//minScale:2150000,
+					minScale:7000000,
+					maxScale:100,
+					autoSize: true
+				}
+			);
+
+	var toolsBar = carte.addNamedToolBar('toolBar');
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.DRAG_PAN});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.ZOOM_IN});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.ZOOM_OUT});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.INITIAL_EXTENT, args : initBounds});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.MAXIMAL_EXTENT});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.CENTER_MAP});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.COORDS_CENTER});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.NAV_HISTORY});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.DISTANCE_MEASURE});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.AREA_MEASURE});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.POINT_SELECTION,
+										  args: {
+				                            resultLayerParams: {
+				                                display: true
+				                            }
+    }});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.POLYGON_SELECTION,
+										  args: {
+				                            resultLayerParams: {
+				                                display: true
+				                            }
+    }});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.RECTANGLE_SELECTION,
+										  args: {
+				                            resultLayerParams: {
+				                                display: true
+				                            }
+    }});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.CIRCLE_SELECTION,
+										  args: {
+				                            resultLayerParams: {
+				                                display: true
+				                            }
+    }});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.POINT_RADIUS_SELECTION,
+										  args: {
+				                            resultLayerParams: {
+				                                display: true
+				                            }
+    }});
+    carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.POLYGON_BUFFER_HALO_SELECTION,
+        args: {
+            resultLayerParams: {
+                display: true
+            }
+        }});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.LINE_BUFFER_HALO_SELECTION,
+        args: {
+            resultLayerParams: {
+                display: true
+            }
+        }});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.PNG_EXPORT});
+	carte.addToolInNamedToolBar(toolsBar,{type : Descartes.Map.PDF_EXPORT});
+	carte.addToolInNamedToolBar(toolsBar,{type: Descartes.Map.DISPLAY_LAYERSTREE_SIMPLE});
+	carte.addToolInNamedToolBar(toolsBar,{type: Descartes.Map.SHARE_LINK_MAP});
+
+	carte.addToolInNamedToolBar(toolsBar,{type: Descartes.Button.GeoPlateformeGetAltitude});
+
+	carte.addContentManager(
+		'layersTree',
+		[
+			{type : Descartes.Action.MapContentManager.ADD_GROUP_TOOL},
+			{type : Descartes.Action.MapContentManager.ADD_LAYER_TOOL},
+			{type : Descartes.Action.MapContentManager.REMOVE_GROUP_TOOL},
+			{type : Descartes.Action.MapContentManager.REMOVE_LAYER_TOOL},
+			{type : Descartes.Action.MapContentManager.ALTER_GROUP_TOOL},
+			{type : Descartes.Action.MapContentManager.ALTER_LAYER_TOOL},
+			{type : Descartes.Action.MapContentManager.ADD_WMS_LAYERS_TOOL},
+			{type : Descartes.Action.MapContentManager.EXPORT_VECTORLAYER_TOOL}
+		],
+		{
+			toolBarDiv: "managerToolBar"
+		}
+	);
+    carte.show();
+
+	// Ajout des zones informatives
+	carte.addInfo({type : Descartes.Map.GRAPHIC_SCALE_INFO, div : null});
+//	carte.addInfo({type : Descartes.Map.MOUSE_POSITION_INFO, div : 'LocalizedMousePosition'});
+//	carte.addInfo({type : Descartes.Map.METRIC_SCALE_INFO, div : 'MetricScale'});
+//	carte.addInfo({type : Descartes.Map.MAP_DIMENSIONS_INFO, div : 'MapDimensions'});
+	carte.addInfo({type : Descartes.Map.LEGEND_INFO, div : 'Legend'});
+	carte.addInfo({type : Descartes.Map.ATTRIBUTION_INFO, div : null});
+
+
+	// Ajout des assistants
+//	carte.addAction({type : Descartes.Map.SCALE_SELECTOR_ACTION, div : 'ScaleSelector'});
+//	carte.addAction({type : Descartes.Map.SCALE_CHOOSER_ACTION, div : 'ScaleChooser'});
+////	carte.addAction({type : Descartes.Map.SIZE_SELECTOR_ACTION, div : 'SizeSelector'});
+//	carte.addAction({type : Descartes.Map.COORDS_INPUT_ACTION, div : 'CoordinatesInput'});
+//	carte.addAction({type : Descartes.Map.PRINTER_SETUP_ACTION, div : 'Pdf'});
+	
+	// Ajout asssitant localisation à l'adresse
+//    carte.addAction({type: Descartes.Action.LocalisationAdresse, div: 'localisationAdresse'});
+
+    carte.addAction({
+            type: Descartes.Action.GeoPlateformeGetAltitudeManager,
+            div: 'Pdf',
+            options: {
+                label: true,
+                optionsPanel: {
+                    collapsible: true,
+                    collapsed: false
+                }
+            }
+        });
+    
+	// Ajout de la rose des vents
+	carte.addDirectionalPanPanel();
+    
+	// Ajout de la minicarte
+	carte.addMiniMap("https://carto2.geo-ide.din.developpement-durable.gouv.fr/rest-api/ows/22c7124f-8453-4535-b735-555f03d2c88d?LAYERS=c_natural_Valeurs_type");
+
+	// Ajout du gestionnaire de requete
+/*	if (mapContentType !== "KML" && mapContentType !== "GEOJSON") {
+		var gestionnaireRequetes = carte.addRequestManager('Requetes');
+		
+		var laCoucheBati = carte.mapContent.getLayerById("coucheBati");
+		var requeteBati = new Descartes.Request(laCoucheBati, "Filtrer les constructions", Descartes.Layer.POLYGON_GEOMETRY);
+		var critereType = new Descartes.RequestMember(
+						"Sélectionner le type",
+						"type",
+						"==",
+						["chateau", "batiment public", "ecole", "eglise"],
+						true
+					);
+	
+		requeteBati.addMember(critereType);
+		gestionnaireRequetes.addRequest(requeteBati);
+	}
+
+	// Ajout du gestionnaire d'info-bulle
+	if (mapContentType !== "KML" && mapContentType !== "GEOJSON") {
+		var laCoucheParkings = carte.mapContent.getLayerById("coucheParkings");
+		var laCoucheStations = carte.mapContent.getLayerById("coucheStations");
+		carte.addToolTip('ToolTip', [
+			{layer: laCoucheParkings, fields: ['name']},
+			{layer: laCoucheStations, fields: ['name']}
+		]);		
+	} else {
+		var laCoucheParkings = carte.mapContent.getLayerById("coucheParkings");
+		var laCoucheStations = carte.mapContent.getLayerById("coucheStations");
+		carte.addSelectToolTip([
+			{layer: laCoucheParkings, fields: ['name']},
+			{layer: laCoucheStations, fields: ['name']}
+		]);
+	}
+
+	// Ajout du gestionnaire de contextes
+	carte.addBookmarksManager('Bookmarks', 'exemple-descartes',{behavior : Descartes.Action.BookmarksManager.BEHAVIOR_MANAGED_BY_CREATOR});
+
+	// Ajout du gestionnaire de localisation rapide
+	carte.addDefaultGazetteer('Gazetteer', "93", Descartes.Action.DefaultGazetteer.DEPARTEMENT);
+*/
+    carte.addOpenLayersInteractions([
+        {type: Descartes.Map.OL_DRAG_PAN, args:{condition:ol.events.condition.noModifierKeys}},
+        {type: Descartes.Map.OL_MOUSE_WHEEL_ZOOM}]);
+
+}

demo/examples/example3/index.html

+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>D-GeoPlateforme Example</title>
+		<link rel="shortcut icon" type="image/jpg" href="../commons/favicon.png"/>
+        <link rel="stylesheet" type="text/css" href="/@descartes/d-map/dist/vendor/d-map-required.css"/>
+        <link rel="stylesheet" type="text/css" href="/@descartes/d-map/dist/css/d-map.css"/>
+        <link rel="stylesheet" type="text/css" href="/@descartes/d-editmap/dist/css/d-editmap.css"/>
+        <link rel="stylesheet" type="text/css" href="/@descartes/d-inkmap/dist/vendor/d-inkmap-required.css"/>
+        <link rel="stylesheet" type="text/css" href="/@descartes/d-inkmap/dist/css/d-inkmap.css"/>
+<!--         <link rel="stylesheet" type="text/css" href="/vendor/d-geoplateforme-required.css"/> -->
+        <link rel="stylesheet" type="text/css" href="/css/d-geoplateforme.css"/>
+        <link rel="stylesheet" type="text/css" href="example.css"/>
+
+        <script src="/@descartes/d-map/dist/vendor/d-map-required.js"></script>
+        <script src="/@descartes/d-map/dist/d-map.js"></script>
+        <script src="/@descartes/d-editmap/dist/d-editmap.js"></script>
+        <script src="/@descartes/d-inkmap/dist/vendor/d-inkmap-required.js"></script>
+        <script src="/@descartes/d-inkmap/dist/d-inkmap.js"></script>
+        <script src="/vendor/d-geoplateforme-required.js"></script>
+        <script src="/d-geoplateforme.js"></script>
+		<script src="../commons/config.js"></script>
+		<script src="../commons/data.js"></script>
+        <script src="example.js"></script>
+  
+    </head>
+    <body onload="load()">
+        <div style="text-align: center;">
+        <h3><img src="../commons/favicon-nb.png" alt="Logo Descartes" width="25" height="25" style="margin-bottom: 5px;">&nbsp;D-GeoPlateforme Exemple 2</h3>
+        </div>
+        
+        <center>
+			<select id="exampleMapContentSelect" onchange="exampleMapContentSelectOnChange(this)">
+			   <optgroup label="Couches WMS/WMTS">
+				   <option value="moteurCarto=d-mapserver&mapContentType=WMS">Couches Descartes Mapserver (WMS)</option>
+				   <option value="moteurCarto=d-geoserver&mapContentType=WMS">Couches Descartes Geoserver (WMS)</option>
+				   <option value="moteurCarto=d-qgisserver&mapContentType=WMS">Couches Descartes Qgisserver (WMS)</option>
+				   <option value="moteurCarto=carto2&mapContentType=WMS">Couches Carto2 (WMS)</option>
+			   </optgroup>
+			   <optgroup label="Couches WFS">
+				   <option value="moteurCarto=d-mapserver&mapContentType=WFS">Couches Descartes Mapserver (WFS)</option>
+				   <option value="moteurCarto=d-geoserver&mapContentType=WFS">Couches Descartes Geoserver (WFS)</option>
+				   <option value="moteurCarto=d-qgisserver&mapContentType=WFS">Couches Descartes Qgisserver (WFS)</option>
+				   <option value="moteurCarto=carto2&mapContentType=WFS">Couches Carto2 (WFS)</option>
+			   </optgroup>
+			   <optgroup label="Autres types de couches">
+				   <option value="moteurCarto=&mapContentType=KML">Couches Descartes (KML)</option>
+				   <option value="moteurCarto=&mapContentType=GEOJSON">Couches Descartes (GEOJSON)</option>
+				   <option value="moteurCarto=&mapContentType=CLUSTER">Couches Descartes (CLUSTER)</option>
+			   </optgroup>
+			</select>
+        </center>
+        
+        <hr/>
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-md-4 col-lg-3">
+                	<!-- Ajout de l'arborescence des couches -->
+					<div id="layersTree"></div><br/>
+					<!-- Ajout de la barre d'outils dédiée -->
+					<div id="managerToolBar"></div><br/>
+					<!-- Ajout des assistants -->
+					<div id="Legend"></div><br/>
+					<div id="localisationAdresse"></div><br/>
+					<div id="CoordinatesInput"></div><br/>
+					<div id="ScaleSelector"></div><br/>
+					<div id="ScaleChooser"></div><br/>
+					<div id="SizeSelector"></div><br/>
+                </div>
+                <div class="col-md-4 col-lg-6">
+               		<!-- Ajout de la barre d'outils -->
+					<div id="toolBar"></div>
+					<!-- Ajout de la carte -->
+					<div id="map"></div>
+					<!-- Ajout des zones informatives -->
+					<div id="informations" class="row">
+						<div id="LocalizedMousePosition" class="col-5"></div>
+						<div id="MetricScale" class="col-3"></div>
+						<div id="MapDimensions" class="col-4"></div>
+					</div>
+					<div id="ToolTip"></div>
+				</div>
+                <div class="col-md-4 col-lg-3">
+                	<div id="Gazetteer"></div><br/>
+                	<div id="Requetes"></div><br/>
+					<div id="Bookmarks"></div><br/>
+					<div id="Pdf"></div><br/>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>