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

**noramokh** · 25/10/2016, 11h06

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 :

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
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

**noramokh** · 02/11/2016, 17h10

autrement:

par python on utilise l'instruction Create Query Layer, quel est son équivalent par php ou javascript??

**Celira** · 02/11/2016, 17h29

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 ?

**noramokh** · 03/11/2016, 10h51

Bonjour,

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

code ajax:

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
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);
}

**Celira** · 03/11/2016, 11h40

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 ?

**noramokh** · 03/11/2016, 14h40

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.

**Celira** · 03/11/2016, 14h59

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 ?

**noramokh** · 03/11/2016, 15h10

voir la pièce jointe

**Celira** · 03/11/2016, 15h26

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.

Moniteur Réseau - Outils de développement

**noramokh** · 03/11/2016, 15h57

est ce que vous parlez sur ça??

**Celira** · 03/11/2016, 16h28

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

**noramokh** · 14/11/2016, 10h31

Bonjour,

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

Voilà l'onglet "réponse":

Nom : reponse.PNG
Affichages : 171
Taille : 50,3 Ko

Nom : reponse.PNG
Affichages : 171
Taille : 50,3 Ko

**Celira** · 14/11/2016, 12h19

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 :

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

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))) {

**noramokh** · 14/11/2016, 16h41

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.

**noramokh** · 15/11/2016, 12h55

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 :

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
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 :

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
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:

Nom : 2.PNG
Affichages : 207
Taille : 48,8 Ko

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

Nom : nouv.PNG
Affichages : 189
Taille : 51,2 Ko

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

poussez moi s'il vous plait,

**noramokh** · 21/11/2016, 15h17

Bonjour,

le problème était dans le code java.

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
 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);

**Celira** · 21/11/2016, 15h51

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)

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

Langage PHP

Discussions similaires

Partager

Partager