Questionnaire carto avec Limesurvey - Historique des versions

Sdunesme : /* Version 1 - éditeur vectoriel classique */

2023-06-06T13:29:17Z

Version 1 - éditeur vectoriel classique

← Version précédente		Version du 6 juin 2023 à 15:29
Ligne 188 :		Ligne 188 :

	function updateDrawnItems(){		function updateDrawnItems(){
			var JSONoutput = JSON.stringify(paintControl.getData());
	~~if (paintControl.getData().features.length == 0) {~~
	~~var JSONoutput = "";~~
	~~} else {~~
	var JSONoutput = JSON.stringify(paintControl.getData());
	}

	$('#answer{SGQ}').val(JSONoutput);		$('#answer{SGQ}').val(JSONoutput);
	}		}

Sdunesme : Mise à jour du code

2023-05-17T07:30:29Z

Mise à jour du code

← Version précédente		Version du 17 mai 2023 à 09:30
Ligne 16 :		Ligne 16 :
	<script src="https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js"></script>		<script src="https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js"></script>

	<!-- Leaflet ~~Search~~ -->		<!-- Leaflet GeoSearch -->
	<link href="https://unpkg.com/leaflet-~~search~~@3.0.2/dist/~~leaflet-search.src~~.css" rel="stylesheet" />		<link href="https://unpkg.com/leaflet-geosearch@3.6.1/dist/geosearch.css" rel="stylesheet" />
	<script src="https://unpkg.com/leaflet-~~search~~@3.0.2/dist/~~leaflet-search~~.~~src~~.js"></script>		<script src="https://unpkg.com/leaflet-geosearch@3.6.1/dist/geosearch.umd.js"></script>

	<!-- CSS pour la taille de la carte et pour cacher le formulaire de réponse -->		<!-- CSS pour la taille de la carte et pour cacher le formulaire de réponse -->
Ligne 32 :		Ligne 32 :
	<!-- Question -->		<!-- Question -->
	Carte :		Carte :
	<div id="map"> </div>		<div id="map"> </div>

	<!-- JS de la carte -->		<!-- JS de la carte -->
Ligne 42 :		Ligne 42 :
	minZoom: 5,		minZoom: 5,
	maxZoom: 18,		maxZoom: 18,
	}).setView([45.763, 4.732], 13);		}).setView([45.763, 4.732], 13); // Définir ici l'emplacement par défaut de la carte et son niveau de zoom

	// Ajout de la fonction de recherche		// Ajout de la fonction de recherche
	~~map.addControl(~~new ~~L.Control~~.~~Search~~({		const search = new GeoSearch.GeoSearchControl({
	~~url~~: ~~'https://nominatim.openstreetmap.org/search?format=json&q={ s }',~~		provider: new GeoSearch.OpenStreetMapProvider(),
	~~jsonpParam: 'json_callback',~~		});
	~~propertyName: 'display_name',~~		map.addControl(search);
	~~propertyLoc: ['lat', 'lon'],~~
	~~marker: L~~.~~circleMarker~~(~~[0, 0], { radius: 1 }~~),
	~~autoCollapse: true,~~
	~~autoType: false,~~
	~~minLength: 2~~
	}));

	// Ajout de la couche WMS géoportail		// Ajout de la couche WMS géoportail
Ligne 100 :		Ligne 94 :
	// Evenements à déclencher lors de la suppression d'une entité		// Evenements à déclencher lors de la suppression d'une entité
	map.on(L.Draw.Event.DELETED, function (event) {		map.on(L.Draw.Event.DELETED, function (event) {
	var JSONoutput = JSON.stringify(drawnItems.toGeoJSON());
			if (drawnItems.toGeoJSON().features.length == 0) {
			var JSONoutput = "";
			} else {
			var JSONoutput = JSON.stringify(drawnItems.toGeoJSON());
			}

	$('#answer{SGQ}').val(JSONoutput);		$('#answer{SGQ}').val(JSONoutput);
	});		});
Ligne 120 :		Ligne 120 :
	<script src="https://unpkg.com/leaflet@1.9.1/dist/leaflet.js"></script>		<script src="https://unpkg.com/leaflet@1.9.1/dist/leaflet.js"></script>

	<!-- Leaflet ~~Search~~ -->		<!-- Leaflet GeoSearch -->
	<link href="https://unpkg.com/leaflet-~~search~~@3.0.2/dist/~~leaflet-search.src~~.css" rel="stylesheet" />		<link href="https://unpkg.com/leaflet-geosearch@3.6.1/dist/geosearch.css" rel="stylesheet" />
	<script src="https://unpkg.com/leaflet-~~search~~@3.0.2/dist/~~leaflet-search~~.~~src~~.js"></script>		<script src="https://unpkg.com/leaflet-geosearch@3.6.1/dist/geosearch.umd.js"></script>

	<!-- Leaflet Paint-Polygon by Thibault Coupin -->		<!-- Leaflet Paint-Polygon by Thibault Coupin -->
Ligne 154 :		Ligne 154 :
	minZoom: 5,		minZoom: 5,
	maxZoom: 18,		maxZoom: 18,
	}).setView([45.763, 4.732], 13);		}).setView([45.763, 4.732], 13); // Définir ici l'emplacement par défaut de la carte et son niveau de zoom

	// Ajout de la fonction de recherche		// Ajout de la fonction de recherche
	~~map.addControl(~~new ~~L.Control~~.~~Search~~({		const search = new GeoSearch.GeoSearchControl({
	~~url~~: ~~'https://nominatim.openstreetmap.org/search?format=json&q={ s }',~~		provider: new GeoSearch.OpenStreetMapProvider(),
	~~jsonpParam: 'json_callback',~~		});
	~~propertyName: 'display_name',~~		map.addControl(search);
	~~propertyLoc: ['lat', 'lon'],~~
	~~marker: L~~.~~circleMarker~~(~~[0, 0], { radius: 1 }~~),
	~~autoCollapse: true,~~
	~~autoType: false,~~
	~~minLength: 2~~
	}));

	// Ajout de la couche WMS géoportail		// Ajout de la couche WMS géoportail
Ligne 183 :		Ligne 177 :
	},		},
	// Définition de la position de la barre d'outils sur la carte		// Définition de la position de la barre d'outils sur la carte
	position: "topleft"		position: "topleft",
			minRadius: 10, // Taille minimale du pinceau (en pixels)
			maxRadius: 50, // Taille maximale du pinceau (en pixels)
			menu: {
			size: true // Afficher (true) ou non (false) le réglage de la taille du pinceau
			}
	});		});

Ligne 189 :		Ligne 188 :

	function updateDrawnItems(){		function updateDrawnItems(){
	var JSONoutput = JSON.stringify(paintControl.getData());
			if (paintControl.getData().features.length == 0) {
			var JSONoutput = "";
			} else {
			var JSONoutput = JSON.stringify(paintControl.getData());
			}

	$('#answer{SGQ}').val(JSONoutput);		$('#answer{SGQ}').val(JSONoutput);
	}		}

Sdunesme : /* Version 2 - éditeur de type "pinceau à polygones" */

2023-05-16T07:00:03Z

Version 2 - éditeur de type "pinceau à polygones"

← Version précédente		Version du 16 mai 2023 à 09:00
Ligne 7 :		Ligne 7 :
	== Version 1 - éditeur vectoriel classique ==		== Version 1 - éditeur vectoriel classique ==
	Cet éditeur classique utilise la librairie Leaflet-Draw la plus couramment utilisée. Les polygones doivent être tracés point par point, comme dans un SIG.		Cet éditeur classique utilise la librairie Leaflet-Draw la plus couramment utilisée. Les polygones doivent être tracés point par point, comme dans un SIG.
	[[Fichier:Tracer Polygone LimeSurvey.webm\|~~779x779px~~]]<syntaxhighlight lang="html">		[[Fichier:Tracer Polygone LimeSurvey.webm\|760x760px]]<syntaxhighlight lang="html">
	<!-- Leaflet -->		<!-- Leaflet -->
	<link href="https://unpkg.com/leaflet@1.9.1/dist/leaflet.css" rel="stylesheet" />		<link href="https://unpkg.com/leaflet@1.9.1/dist/leaflet.css" rel="stylesheet" />
Ligne 113 :		Ligne 113 :

	== Version 2 - éditeur de type "pinceau à polygones" ==		== Version 2 - éditeur de type "pinceau à polygones" ==
	Cet éditeur utilise le plugin [https://github.com/tcoupin/leaflet-paintpolygon Leaflet-PaintPolygon créé par Thibault Coupin]. Les polygones sont tracés avec un pinceau circulaire dont la taille est réglable. C'est moins conventionnel, mais peut se révéler plus ergonomique pour les enquêtés qui ne sont pas habitués aux SIG. <syntaxhighlight lang="html">		Cet éditeur utilise le plugin [https://github.com/tcoupin/leaflet-paintpolygon Leaflet-PaintPolygon créé par Thibault Coupin]. Les polygones sont tracés avec un pinceau circulaire dont la taille est réglable. C'est moins conventionnel, mais peut se révéler plus ergonomique pour les enquêtés qui ne sont pas habitués aux SIG.

			[[Fichier:Peindre Polygone LimeSurvey.webm\|760x760px]] <syntaxhighlight lang="html">
	<!-- Leaflet -->		<!-- Leaflet -->
	<link href="https://unpkg.com/leaflet@1.9.1/dist/leaflet.css" rel="stylesheet" />		<link href="https://unpkg.com/leaflet@1.9.1/dist/leaflet.css" rel="stylesheet" />

Sdunesme : /* Version 1 - éditeur vectoriel classique */

2023-05-16T06:58:14Z

Version 1 - éditeur vectoriel classique

← Version précédente		Version du 16 mai 2023 à 08:58
Ligne 6 :		Ligne 6 :

	== Version 1 - éditeur vectoriel classique ==		== Version 1 - éditeur vectoriel classique ==
	Cet éditeur classique utilise la librairie Leaflet-Draw la plus couramment utilisée. Les polygones doivent être tracés point par point, comme dans un SIG.<syntaxhighlight lang="html">		Cet éditeur classique utilise la librairie Leaflet-Draw la plus couramment utilisée. Les polygones doivent être tracés point par point, comme dans un SIG.
			[[Fichier:Tracer Polygone LimeSurvey.webm\|779x779px]]<syntaxhighlight lang="html">
	<!-- Leaflet -->		<!-- Leaflet -->
	<link href="https://unpkg.com/leaflet@1.9.1/dist/leaflet.css" rel="stylesheet" />		<link href="https://unpkg.com/leaflet@1.9.1/dist/leaflet.css" rel="stylesheet" />

Sdunesme : /* Version 2 - éditeur de type "pinceau à polygones" */

2023-04-21T12:36:35Z

Version 2 - éditeur de type "pinceau à polygones"

@@ Ligne 131 : / Ligne 131 : @@
      .question-carto > div.answer-container {
          display:none;
+     }
 </style>
@@ Ligne 165 : / Ligne 170 : @@
          attribution: 'IGN-F'
      }).addTo(map);
      // Ajout du pinceau à polygones
-     var paintControl = L.control.paintPolygon();
+     var paintControl = L.control.paintPolygon({
      paintControl.addTo(map);

Sdunesme : /* Version 1 - éditeur vectoriel classique */

2023-04-20T13:58:57Z

Version 1 - éditeur vectoriel classique

← Version précédente		Version du 20 avril 2023 à 15:58
Ligne 2 :		Ligne 2 :

	Ce code est à insérer dans l'énoncé d'une question de type texte long. La réponse sera générée automatiquement par Leaflet : il s'agira d'un geojson contenant le polygone tracé par l'utilisateur.		Ce code est à insérer dans l'énoncé d'une question de type texte long. La réponse sera générée automatiquement par Leaflet : il s'agira d'un geojson contenant le polygone tracé par l'utilisateur.

			Pour masquer le champ de réponse, il faut ajouter la classe <code>question-carto</code> aux styles css de la question dans les options de LimeSurvey.

	== Version 1 - éditeur vectoriel classique ==		== Version 1 - éditeur vectoriel classique ==
Ligne 22 :		Ligne 24 :
	height: 500px;		height: 500px;
	}		}
	.answer-container {		.question-carto > div.answer-container {
	display:none;		display:none;
	}		}
Ligne 127 :		Ligne 129 :
	height: 500px;		height: 500px;
	}		}
	.answer-container {		.question-carto > div.answer-container {
	display:none;		display:none;
	}		}

Sdunesme : /* Version 2 - éditeur de type "pinceau à polygones" */

2023-04-20T13:24:16Z

Version 2 - éditeur de type "pinceau à polygones"

← Version précédente		Version du 20 avril 2023 à 15:24
Ligne 177 :		Ligne 177 :

	// Ajout du pinceau à polygones		// Ajout du pinceau à polygones
	var paintControl = L.control.paintPolygon(~~{position: 'topleft'}~~);		var paintControl = L.control.paintPolygon();

	paintControl.addTo(map);		paintControl.addTo(map);

Sdunesme : rollback leaflet-search

2023-04-17T15:29:19Z

rollback leaflet-search

← Version précédente		Version du 17 avril 2023 à 17:29
Ligne 14 :		Ligne 14 :

	<!-- Leaflet Search -->		<!-- Leaflet Search -->
	<link href="https://unpkg.com/leaflet-search@3.0.3/dist/leaflet-search.src.css" rel="stylesheet" />		<link href="https://unpkg.com/leaflet-search@3.0.2/dist/leaflet-search.src.css" rel="stylesheet" />
	<script src="https://unpkg.com/leaflet-search@3.0.3/dist/leaflet-search.src.js"></script>		<script src="https://unpkg.com/leaflet-search@3.0.2/dist/leaflet-search.src.js"></script>

	<!-- CSS pour la taille de la carte et pour cacher le formulaire de réponse -->		<!-- CSS pour la taille de la carte et pour cacher le formulaire de réponse -->
Ligne 116 :		Ligne 116 :

	<!-- Leaflet Search -->		<!-- Leaflet Search -->
	<link href="https://unpkg.com/leaflet-search@3.0.3/dist/leaflet-search.src.css" rel="stylesheet" />		<link href="https://unpkg.com/leaflet-search@3.0.2/dist/leaflet-search.src.css" rel="stylesheet" />
	<script src="https://unpkg.com/leaflet-search@3.0.3/dist/leaflet-search.src.js"></script>		<script src="https://unpkg.com/leaflet-search@3.0.2/dist/leaflet-search.src.js"></script>

	<!-- Leaflet Paint-Polygon by Thibault Coupin -->		<!-- Leaflet Paint-Polygon by Thibault Coupin -->

Sdunesme le 17 avril 2023 à 14:37

2023-04-17T14:37:27Z

← Version précédente		Version du 17 avril 2023 à 16:37
Ligne 1 :		Ligne 1 :
	À la demande d'une doctorante, j'ai rédigé ce petit bout de code en Javascript permettant d'intégrer une question de type ''Tracez un polygone sur la carte'' dans un questionnaire Limesurvey.		À la demande d'une doctorante, j'ai rédigé ce petit bout de code en Javascript permettant d'intégrer une question de type ''Tracez un polygone sur la carte'' dans un questionnaire Limesurvey.



	Ce code est à insérer dans l'énoncé d'une question de type texte long. La réponse sera générée automatiquement par Leaflet : il s'agira d'un geojson contenant le polygone tracé par l'utilisateur.		Ce code est à insérer dans l'énoncé d'une question de type texte long. La réponse sera générée automatiquement par Leaflet : il s'agira d'un geojson contenant le polygone tracé par l'utilisateur.

	== Version 1 - éditeur vectoriel classique ==		== Version 1 - éditeur vectoriel classique ==
	<syntaxhighlight lang="html">		Cet éditeur classique utilise la librairie Leaflet-Draw la plus couramment utilisée. Les polygones doivent être tracés point par point, comme dans un SIG.<syntaxhighlight lang="html">
	<!-- Leaflet -->		<!-- Leaflet -->
	<link href="https://unpkg.com/leaflet@1.9.1/dist/leaflet.css" rel="stylesheet" />		<link href="https://unpkg.com/leaflet@1.9.1/dist/leaflet.css" rel="stylesheet" />
Ligne 112 :		Ligne 110 :

	== Version 2 - éditeur de type "pinceau à polygones" ==		== Version 2 - éditeur de type "pinceau à polygones" ==
	<syntaxhighlight lang="html">		Cet éditeur utilise le plugin [https://github.com/tcoupin/leaflet-paintpolygon Leaflet-PaintPolygon créé par Thibault Coupin]. Les polygones sont tracés avec un pinceau circulaire dont la taille est réglable. C'est moins conventionnel, mais peut se révéler plus ergonomique pour les enquêtés qui ne sont pas habitués aux SIG. <syntaxhighlight lang="html">
	<!-- Leaflet -->		<!-- Leaflet -->
	<link href="https://unpkg.com/leaflet@1.9.1/dist/leaflet.css" rel="stylesheet" />		<link href="https://unpkg.com/leaflet@1.9.1/dist/leaflet.css" rel="stylesheet" />
Ligne 194 :		Ligne 192 :

	== Script R pour extraire les entités vectorielles des résultats LimeSurvey ==		== Script R pour extraire les entités vectorielles des résultats LimeSurvey ==
	<syntaxhighlight lang="r">		Le script suivant permet d'extraire toutes les réponses vectorielles d'une question dans un geopackage, en prenant soin de créer un champ "id_limesurvey" dans celui-ci pour pouvoir faire des jointures attributaires a posteriori. <syntaxhighlight lang="r">
	library(dplyr)		library(dplyr)
	library(sf)		library(sf)

Sdunesme le 17 avril 2023 à 14:31

2023-04-17T14:31:23Z

Voir les modifications

Questionnaire carto avec Limesurvey - Historique des versions

Sdunesme : /* Version 1 - éditeur vectoriel classique */

Sdunesme : Mise à jour du code

Sdunesme : /* Version 2 - éditeur de type "pinceau à polygones" */

Sdunesme : /* Version 1 - éditeur vectoriel classique */

Sdunesme : /* Version 2 - éditeur de type "pinceau à polygones" */

Sdunesme : /* Version 1 - éditeur vectoriel classique */

Sdunesme : /* Version 2 - éditeur de type "pinceau à polygones" */

Sdunesme : rollback leaflet-search

Sdunesme le 17 avril 2023 à 14:37

Sdunesme le 17 avril 2023 à 14:31

Sdunesme : /* Version 1 - éditeur vectoriel classique */

Sdunesme : Mise à jour du code

Sdunesme : /* Version 2 - éditeur de type "pinceau à polygones" */

Sdunesme : /* Version 1 - éditeur vectoriel classique */

Sdunesme : /* Version 2 - éditeur de type "pinceau à polygones" */

Sdunesme : /* Version 1 - éditeur vectoriel classique */

Sdunesme : /* Version 2 - éditeur de type "pinceau à polygones" */

Sdunesme : rollback leaflet-search