Créer et publier une couche à partir postgis en utilisant javascript

Version imprimable

Bonjour à tous,

ma base de données est sur postgresql/postgis,à partir une table s'appelle "Céréales" je veux créer et publier une carte d'un champ s'appelle "production" sur mon site. (une carte de production)
Pour cela, il faut sélectionner l'année et l'espece sur le site, et la requête SQL (jointure avec une couche géométrique) est faite par PHP.

code PHP:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 //get the table and fields data $espece = $_GET['Page']; $annee = $_GET['annee']; $production = $_GET['production']; //$id = $_GET['id']; $sql = "SELECT * FROM benmed.\"Communes\",benmed.\"R_CerealesHiver\" WHERE benmed.\"Communes\".code_commune = benmed.\"R_CerealesHiver\".code_commune and benmed.\"R_CerealesHiver\".espece='$espece' and benmed.\"R_CerealesHiver\".annee=$annee and benmed.\"R_CerealesHiver\".production = $production "; //send the query if (!$response = pg_query($conn, $sql)) { echo "A query error occured.\n"; exit; } $trv = true; //echo the data back to the DOM while ($row = pg_fetch_row($response)) { foreach ($row as $i => $attr){ if ( $trv ){echo $attr.", ";} $trv = true; } echo ";"; }
Est ce que ce code PHP est juste?
Est ce qu'on peut utiliser GET pour le champ "production"?
Comment je peut céer une nouvelle couche des valeurs de production par AJAX?

merci d'avance pour toute orientation ou aide

02/11/2016, 16h10
noramokh

autrement:

par python on utilise l'instruction Create Query Layer, quel est son équivalent par php ou javascript??
02/11/2016, 16h29
Celira

Si ce code est utilisé par un appel AJAX, oui, il a l'air correct, si l'appel ajax est bien fait avec une requête GET en passant les bons paramètres, et en supposant que tu ais bien initialisé $conn avec la connexion à la base.

Cela dit, je ne comprends pas bien où est le problème : tu as essayé et ça plante ?

Bonjour,

Oui Celira. moi aussi je ne comprend pas où existe il l'erreur.:calim2:

code ajax:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
function DisplayStat(){
   //var fields = flds;
   var data = {
		table: str,
		fields: fields,
 
	};
     $.ajax({ url:"get_map_prod.php",
		    data: data,
		    success: function(data){
			alert("a");
			//if (data) {
			//var production=data.production;
	       var dataArray = data.split(", ;");
 
	dataArray.pop();    
	dataArray.forEach(function(d){
		d = d.split(", "); 
			var feature = {
				"type": "Feature",
				"properties": {}, //properties object container
				"geometry": JSON.parse(d[fields.length])			//parse geometry
			};
			alert ("c");
		for (var i=0; i<fields.length; i++){
			feature.properties[fields[i]] = d[i];
		};
		geojson.features.push(feature);
	}	
	);
 
	alert("b");
	hangry2();
	}
	});
 
}
function hangry2(){
		console.log(geojson);
		var statistique = new ol.style.Style({
        fill: new ol.style.Fill({
          color: [0,0,0,1]
        }),
        stroke: new ol.style.Stroke({
          color: [240,215,255,1],
          width: 1
        })
      });
vector1 = new ol.layer.Vector({
	title: 'Mes statistiques',
    source: new ol.source.Vector({
	features: (new ol.format.GeoJSON()).readFeatures(geojson),
    //url: 'ilot.geojson',
    format: new ol.format.GeoJSON(),
 
 
  }),style: statistique
 
});
map.addLayer(vector1);
}

03/11/2016, 10h40
Celira

On va essayer de comprendre : qu'est-ce qu'il se passe lorsque tu déclenches la fonction Javascript ? Tu as une erreur ? Est-ce que tu vois bien les alerte que tu as ajouté pour débugger ?
03/11/2016, 13h40
noramokh

il exécute la fonction displayStat (str, flds) et affiche les alertes, aussi la couches de "mes statistiques" dans switcherLayer mais la couche est vide, aucune information.
03/11/2016, 13h59
Celira

Peux-tu voir dans les outils de Dev de ton navigateur si la requête Ajax est bien lancée et la réponse obtenue ?
03/11/2016, 14h10
noramokh

1 pièce(s) jointe(s)

voir la pièce jointe
03/11/2016, 14h26
Celira

Si tu cliques sur la ligne de la requête (dernière ligne du tableau), tu vas arriver sur un onglet de détail, avec quelque part une mention "Réponse". C'est ce qui est affiché dans ce cadre "Réponse" qui nous intéresse.
:arrow: Moniteur Réseau - Outils de développement
03/11/2016, 14h57
noramokh

1 pièce(s) jointe(s)

est ce que vous parlez sur ça??
03/11/2016, 15h28
Celira

Oui, on y est presque. Dans le cadre à droite, il y a un onglet "Réponse" et ce qu'il y a dans cet onglet qui m'intéresse :D
14/11/2016, 09h31
noramokh

1 pièce(s) jointe(s)

Bonjour,

Je suis désolé Celira pour la réponse retardée, j'avais un problème de connexion.

Voilà l'onglet "réponse":

Pièce jointe 224771

Ah ben voilà on a le vrai message d'erreur : tu as un problème sur une requête exécutée par pg_query parce que visiblement il n'y a de valeur dans la recherche pour benmed.R_CerealesHiver.annee.

Donc si je reprends le code que tu as posté dans ton premier post, le problème vient du fait que $_GET['annee'] est vide. Pour corriger cela, il faut vérifier ce que tu envoies comme donnée dans ton appel Ajax (et si tu en envoies) et éventuellement, gérer le cas où il n'y a aucun paramètre reçu (en retournant une erreur par exemple)

En parallèle, tu peux aussi modifier ta requête pour encapsuler les paramètres en utilisant pg_query_params, histoire d'éviter les plantages et les injections SQL :
Code:

1 2 3 4 5 6 7 8 $sql = 'SELECT * FROM benmed.Communes, benmed.R_CerealesHiver WHERE benmed.Communes.code_commune = benmed.R_CerealesHiver.code_commune and benmed.R_CerealesHiver.espece=$1 and benmed.R_CerealesHiver.annee=$2 and benmed.R_CerealesHiver.production = $3 '; //send the query if (!$response = pg_query_params($conn, $sql, array($espece, $annee, $production))) {

14/11/2016, 15h41
noramokh

j'ai modifié le code ,de requête comme vous avez m'indiquer. aucun changement
l'espece et l'année sont sélectionnés depuis le site mais la production non. est ce que c'est correcte si je mets $production=$_get ("production")

c'est le champs de la production que je veux le cartographier; c'est à dire afficher une carte des valeurs de production s'affiche au dessus de celle des communes.

j'ai un exemple de même travail mais je n'arrive pas à comprendre et régler mon code.

2 pièce(s) jointe(s)

Bonjour,

je pense que j'ai approché à la solution mais j'ai besoin un petit aide:

alors j'ai modifié le fichier php et java :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
$sql = "SELECT benmed.\"Communes\".code_commune, benmed.\"Communes\".nom_commune, benmed.\"R_CerealesHiver\".production, benmed.\"R_CerealesHiver\".annee, benmed.\"R_CerealesHiver\".espece,ST_AsGeoJSON(benmed.\"Communes\".geom,6) as geojson   FROM benmed.\"Communes\",benmed.\"R_CerealesHiver\" WHERE benmed.\"Communes\".code_commune = benmed.\"R_CerealesHiver\".code_commune and benmed.\"R_CerealesHiver\".espece='$espece' and benmed.\"R_CerealesHiver\".annee=$annee and benmed.\"R_CerealesHiver\".production > 0";
 
//ll
if (!$rs = pg_query($conn, $sql)) {
	echo "A query error occured.\n";
	exit;
}
# Build GeoJSON feature collection array
$geojson = array(
   'type'      => 'FeatureCollection',
   'features'  => array()
);
# Loop through rows to build feature arrays
while ($row = pg_fetch_row($rs)) {
    $properties = $row;
    # Remove geojson and geometry fields from properties
    unset($properties['geojson']);
    unset($properties['geom']);
    $feature = array(
         'type' => 'Feature',
         'geometry' => json_decode($row['geojson'], true),
         'properties' => $properties
    );
    # Add feature arrays to feature collection array
    array_push($geojson['features'], $feature);
}
header('Content-type: application/json');
echo json_encode($geojson);

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
function DisplayStat(){
  /* var fields = flds;
   var data = {
		table: str,
		fields: fields,
 
	};*/
     $.ajax({ url:"get_map_prod.php",
		    type: "GET",
		    data: $("#form5").serialize(),
		    success: function(data){
			alert("a");
			//if (data) {
			//var production=data.production;
	     /* var dataArray = data.split(", ;");
 
	dataArray.pop();    
	dataArray.forEach(function(d){
		d = d.split(", "); 
			var feature = {
				"type": "Feature",
				"properties": {}, //properties object container
				"geometry": JSON.parse(d[fields.length])			//parse geometry
			};
			alert ("c");
		for (var i=0; i<fields.length; i++){
			feature.properties[fields[i]] = d[i];
		};
		geojson.features.push(feature);
	}	
	)*/
 
	alert("b");
	hangry2();
	}
	});
 
}
function hangry2(){
		console.log(geojson);
		var statistique = new ol.style.Style({
        fill: new ol.style.Fill({
          color: [0,0,0,1]
        }),
        stroke: new ol.style.Stroke({
          color: [240,215,255,1],
          width: 1
        })
      });
vector1 = new ol.layer.Vector({
	title: 'Mes statistiques',
    source: new ol.source.Vector({
	features: (new ol.format.GeoJSON()).readFeatures(geojson),
    //url: 'ilot.geojson',
    format: new ol.format.GeoJSON(),
 
 
  }),style: statistique
 
});
map.addLayer(vector1);
}

cas1: quand je laisse annee dans sql j'obtiens dans l'onglet reponse ce qui suit:

Pièce jointe 224887

cas 2: quand j'élimine annee de la requête, voilà :

Pièce jointe 224888

pourquoi la couche ne s'affiche pas??? est ce qu'il manque la légende ???

poussez moi s'il vous plait,

Bonjour,

le problème était dans le code java.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 dataArray = data.split(", null");
		 console.log(dataArray)
	dataArray.pop();    // supprimer le dernier element vide
	dataArray.forEach(function(d){
		d = d.split(", "); 
			var feature = {
				"type": "Feature",
				"properties": {"gid": d[0]+"", "production":d[2]+""}, //properties object container
				"geometry": JSON.parse(d[5])			//parse geometry
			};
			//alert ("c");
		/*for (var i=0; i<fields.length; i++){
			feature.properties[fields[i]] = d[i];
		};*/
		geojson.features.push(feature);

21/11/2016, 14h51
Celira

L'essentiel c'est que ça fonctionne ;)
Au passage, c'est "Javascript", pas "Java" (les deux noms se ressemblent, mais ce sont des langages complètement différents)