Le portail francophone de la géomatique

Bonjour,

Pour le SGBD, tu pourrais utiliser PostgreSQL et son extension spatiale PostGis pour stocker tes données et faire ensuite des "vues" pour lier tes tables via une clé (code insee par exemple).

Nicolas

t'est-t-il possible t'intégrer tes csv dans postgres ou tu dois les garder sous le format csv?? si tu as l'autorisation de les passer sous forme de table, utilise la commande sql "COPY FROM" de postgres (copy nom_table from "chemin/ficihier.csv" , attention aux entetes, je le te laisse regarder sur le net pour la synthaxe et parametres possibles) . Si tu as pu passer tes csv dans des tables sous postgres, apres il te reste à faire la jointure en créant une vue, exemple "CREATE VIEW nom_vue AS SELECT * FROM nom_table_csv LEFT JOIN nom_table_geo on id_commun_table1 = id_commun_table2 " .

Je pense que tu peux utiliser highcharts, fait attention aux droits de licences (j'ai vu que la version gratuite n'était pas autorisé dans tous les cadres de projet)

Nicolas

Merci bien Nicolas et Delu,
Pour l'import des fichiers csv dans postgis je n'ai aucun problème parce que j'ai réussi à faire ça avant en utilisant la commande COPY, j'ai aussi utiliser le protocole WFS pour afficher une couhe vecteur par couplage mapserver/postgis.., mais ce que je ne comprend pas maintenant : quel est le format de données que je vais afficher avec openlayers ? une couche vecteur jointe à une table csv ? est ce que highcharts va travailler avec le même principe? avec l'api google maps et les données "FusionTablesLayer"  s'était simple j'utilise le sélectionneur de couche pour afficher ou cacher une donnée, et maintenant ? je suis perdu là , dois- je créer un formulaire extjs ?
désolé d'avoir poser trop de questions mais je me trouve face à la solution difficile

Achref_geo,

En fait ce que demande ton maître de stage est de recréer en interne le même mécanisme que celui que tu as découvert avec les outils Google. Tout d'abord la raison pour laquelle ta maquette ne peux être mis en production est que l'organisme pour lequel tu travailles ne souhaite pas transférer toutes ces données à Google, qui obtiendrait ainsi gratuitement une grande quantité d'information.

Donc si tu souhaites faire simple :
* BDD Postgresql/PostGIS
* import des données SIG et de tous les CSV dans la BDD
* création d'une vue par type de données avec un ST_AsGeoJSON
* Un script serveur PHP, Python, Perl ou Ruby qui renvois la vue au format GeoJSON grâce à ST_AsGeoJSON pour la géométrie
* Dans OpenLayers tu appelles une vue via ton script serveur au format GeoJSON
Et tu te retrouveras avec le même mécanisme que Google, bien sûr pour ton ST_AsGeoJSON tu choisi la projection de sortie.

Enfin tu peux faire un autre script qui renvois les données au format JSON à partir des vues pour alimenter HighCharts.

Rien d'extraordinaire, juste un peu de code.

Achref_geo,

Une vue est une requête SQL, ici tes jointures, stocké et nommé dans la base de données. Tu pourras interagir avec une vue comme une simple table.

Donc je te conseil d'importer tes fichiers CSV, de créer tes jointures, de les enregistrer sous forme de vue, et d'exploiter tes vues comme des tables géographiques ou non.

Bonjour à tous
J'ai importé des données shp et csv dans ma base postgis, et j'ai réussi à faire une jointure entre une couche ponctuelle et une table csv en suivant cette vidéo (pour qui s'intéresse) : http://www.youtube.com/watch?v=WFbOBsZozvY , j'ai remplacé "SELECT  table.the_geom " par "SELECT
  st_asgeojson(the_geom)" et j'ai obtenu comme résultat une nouvelle table dont la géométrie est sous format geojson , enfin j'ai enregistré cette table sous forme de vue.
Maintenant je veux savoir est ce que je peut afficher cette couche avec google maps sans avoir besoin d’intégrer openlayers ? y a-t-il une méthode simple ? je veux utiliser seulement l'api google maps parce que j'ai remarqué que  l'utilisation de HighChart ou Google Chart avec google maps et plus simple qu'avec openlayers

Bonjour René-Luc D'Hont et merci pour ton aide,
Bon pour le moment je vais laisser tomber le problème de sécurité, l'essentiel que je te travail sur un SGBD (on peut pas tout faire dans la période du stage), je dois donc créer des vues postgis avec le format kml, c'est simple, mais comment l'afficher sur google maps ?
je n'ai pas compris ta dernière question à propos des conditions d'utilisations gratuites, ??

Dernière modification par Achref_geo (Thu 23 August 2012 10:56)

Je ne connais pas google maps mais je pense que tu dois pouvoir faire une requête AJAX vers une URL interne. Cette URL doit pointer vers un fichier php qui va te construire et te retourner le fichier KML.
Pour avoir la structure du KML (proche de l'XML), tu devrais trouver un exemple sur le net. Sers toi de firebug pour contrôler que la structure de ce KML soit correcte.

ici https://developers.google.com/maps/docu … /reference tu as une description de la function "GDownloadUrl" qui correspond peut-être à ce que tu cherches.
Sinon, il y a très longtemps, j'ai fait un petit bout de code en google maps pour récupérer des infos dans une base postgis suite au placement d'un pointeur. Voici une function en xmlHttpRequest, du javascript de base.
Tu passes l'URL comme paramètre : strURL et les paramètres éventuels dans le qstr
voici la function

function getTerritoire(strURL,qstr) {
    var xmlHttpReq = false;
    var self = this;
    // Mozilla/Safari
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    // IE
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    self.xmlHttpReq.open('POST', strURL, true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.onreadystatechange = function() {
        if (self.xmlHttpReq.readyState == 4) {
             var root = self.xmlHttpReq.responseXML.documentElement;
             var commune  = root.getElementsByTagName('val1')[0].getAttribute('valeur');
             var statut_zone = root.getElementsByTagName('val2')[0].getAttribute('valeur');
             var secteur = root.getElementsByTagName('val5')[0].getAttribute('valeur');
             var valx = root.getElementsByTagName('val3')[0].getAttribute('valeur');
             var valy = root.getElementsByTagName('val4')[0].getAttribute('valeur');
            updatePage(commune,secteur,statut_zone,valx,valy);    
        }    
    }
    self.xmlHttpReq.send(qstr);
}

voici un exemple d'usage avec comme paramètres le xy du marqueur placé par l'utilisateur

var qstr = 'x=' + escape(x) + '&y=' + escape(y);
getTerritoire("tonurl.php", qstr);

coté php mon script me retourne un xml

header('Content-type: text/xml');
echo '<?xml version="1.0" encoding="UTF-8"?>'
   . '<root>'
   . '<val1 valeur="'.$id_commune.'" />'
   . '<val2 valeur="'.$id_statut_zone.'" />'
   . '<val3 valeur="'.$xwgs84.'" />'
   . '<val4 valeur="'.$ywgs84.'" />'
   . '<val5 valeur="'.$id_sect.'" />'
   . '</root>';

Tu peux t'inspirer de ça pour ton besoin sachant qu'il y a certainement une différence entre retourner du xml comme ici et du KML comme tu as besoin.

SINON
regarde ici https://developers.google.com/maps/docu … #KMLLayers
Ton script php peux construire un fichier kml avec la function fopen. Ce qui te permet d'écrire ce fichier localement sur ton serveur (dans un espace accessible par le web) ensuite tu utilises

var ctaLayer = new google.maps.KmlLayer('http://tonadresse.xx/tonappli/tonfichier.kml');
ctaLayer.setMap(map);

Archref_geo,

Regarde le code de cette exemple OpenLayers :
http://openlayers.org/dev/examples/sund … cator.html

Change la valeur de l'url de la couche sundials

var sundials = new OpenLayers.Layer.Vector("KML", {
         projection: map.displayProjection,
         strategies: [new OpenLayers.Strategy.Fixed()],
         protocol: new OpenLayers.Protocol.HTTP({
                url: "kml/sundials.kml",
                format: new OpenLayers.Format.KML({
                     extractStyles: true,
                     extractAttributes: true
                })
         })
});

Lors de la méthode zoomToExtent change les coordonnées par celles de la France en longitude latitude et le travail est fini

map.zoomToExtent(
       new OpenLayers.Bounds(
              68.774414, 11.381836, 123.662109, 34.628906
       ).transform(map.displayProjection, map.projection)
);

Donc rien de très compliquer, tu peux utiliser OpenLayers!

Bon OKI après avoir regarder ton imprécran je vois ce que tu veux faire et ce n'est pas forcément très compliqué non plus!

Chaque élément de ton KML possède un titre et une description, que tu construit avec ton PHP. Sachant que ta description peut-être du HTML, HTML qui peut contenir du code JavaScript qui sera exécuter lors de l'affichage de la popup. L'affichage de la popup est une fonctionnalité par défaut de l'exemple OpenLayers :
http://openlayers.org/dev/examples/sund … cator.html

Maintenant ce qui serait intéressant c'est de savoir comment avec Google tu générais tes graphic HighCharts ? Comment récupérais-tu les données de l'élément cliqué pour créer le graphic HighCharts ?

Peux-tu donner un peu de code ?

il te suffit de mettre ton kml dans un répertoire de l'appli. Tu as le répertoire racine de publication web par exemple www ou htdocs.
tu mets tes KML ici /htdocs/monappli/kml/monkml.kml
Tu donnes ensuite cette URL relative (kml/monkml.kml) ou absolue (http://mondomaine/monappli/kml/monkml.kml) à google maps qui devrait le lire.
Donc tu mets un kml qui fonctionne pour tester : /htdocs/monappli/kml/kmlok.kml
ensuite tu fais créer un kml par le script php dans le même répertoire : /htdocs/monappli/kml/kmlphp.kml
et tu vois si ça fonctionne. Si ça fonctionne avec kmlok.kml mais pas avec kmlphp.kml c'est que le script php est à revoir.

Exact Achref_geo !
Google ne peux accéder à ton kml en local, tu dois le mettre sur un serveur accessible via le web.

Rodolphe

c'est php qui va créer le fichier kml en lisant le contenu de la base de données. C'est php qui va écrire le fichier avec la function fopen.
Pour le moment tu développes en local mais une fois que ton application sera chez un hébergeur, le fichier kml sera accessible.
En attendant, pour tester, tu dois mettre ton kml sur un serveur accessible et fournir ce lien dans ton code à gmaps

Attention, si ton application a vocation à rester sur un serveur local non accessible via le web, ce sera plus compliquer d'utiliser gmaps

Bonjour Achref_geo,

Tout d'abord, il faut savoir qu'il est possible, en plus du nom et de la description d'un objet géographique, de passer les différents attributs de ceux-ci dans un KML. Cela se fait à l'aide de la balise ExtandedData :
* https://developers.google.com/kml/docum … tendeddata

Ensuite le parser KML d'OpenLayers permet de récupérer ces données que l'on retrouvera dans attributes :
* http://dev.openlayers.org/releases/Open … ML-js.html

Maintenant si nous reprennons ton code et celui de l'exemple OpenLayers :
* http://openlayers.org/dev/examples/sundials.html

Il faut tout d'abord modifier ta méthode Updateharts :

function updateChart(f){
    
    //assign data to chart variables
    var name = f.attributes['Gouvernora'];
    var a = f.attributes['Male'];
    var b = f.attributes['Femelle'];
    var c = f.attributes['Totale'];


    //write chart series
    var data = [
        [name, a],    
        [name, b],
        [name, c],
    ];
    
    // Create the chart if it doesn't exist
    if(!chart)
      chart = new Highcharts.Chart(optionsChart);
    
    // Set new data to the chart
    chart.series[0].setData(data)
}

Et modifier la méthode onSelectFeature :

function onFeatureSelect(event) {
     var feature = event.feature;
     UpdateChart(feature);
}

Tu peux aussi modifier onFeatureUnselect et onPopupClose pour tenir compte de cette modification.

L'idée serait de remplacer le contenu de la popup :

var content = '<div id="hc-output"> </div>';

Et de créer à chaque fois le highcharts après ajout de la popup à la carte :

map.addPopup(popup);
chart = new Highcharts.Chart(optionsChart);
updateChart(feature);

Et ça devrait le faire.

Petit problème possible s'assurer que ta div hc-output ai bien une taille fixe.