Discussion :

[samy01]

Bonjour à tous,

je suis un débutant en ajax je développe une application SIG. j'ai intergré une carte a mon application. je veux afficher les points sur ma carte de façon dynamique, a chaque fois que les coordonnés sont ajoutées dans la base de donnée , ils doivent etre afficher automatiquement sur la carte. j'ai réussi a récupérer les données dans la base avec ajax, mais je n'arrive pas à les afficher sur la carte j'ai regardé des tutos mes j'ai pas trouvé solution.
Merci d'avance.

[NoSmoking]

Bonjour,
ta demande est trop vague,

• avec quelle type de carte travailles tu ?
• comment sont ajoutées les coordonnées, via Ajax ?

[samy01]

j'ai réaliser une carte avec qgis et je l'ai exporter en HTML avec qgis2web pour l'integrer à lapplication.

mes coordonnés sont enregistrer avec php et je les récupères avec ajax

[NoSmoking]

Je ne connais pas du tout cet outil, pourrais tu nous montrer, ou mettre une page test en ligne, pour que l'on se rende compte ?

Il doit bien exister une documentation officielle qui te donne les méthodes utilisables pour placer un marqueur !

[samy01]

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
 
// je fait la connexion ici
require_once '../../config/conx.php';
 
// je charge ma classe ici
 
function chargerclasse($classe) {
    require ('../../models/' . $classe . '.php');
}
spl_autoload_register('chargerclasse'); // fonction d'auto chargement de classe.
 
$posts = new T_poste(NULL,$bdd);
 
 
// fonction pour recuperer les données
 
 if($_GET['action']=='select'){
 
     $pts = json_encode($posts->Select()); 
     echo createFeature ($pts);
 
     }

[samy01]

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
 
 
 
window.onload = function (){
 
     $.ajax({
     type:'GET',
     url:'http://localhost/PachyDem/cartes/ws/wscarte.php',
     dataType:'json',
     data: 'action=select',
     timeout: 4000,
     success: function loading(data){
         //console.log(data);
          var POSTES = data;
    console.log(poste);
 
     },   
     error: function() {
            // J'affiche un message d'erreur
            box.html("verifier votre connexion internet.");
        }
 
   });

code pour afficher les données sur la carte

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
 
 var layer_POSTE = new L.geoJson(POSTES, {
            attribution: '<a href=""></a>',
            pane: 'pane_POSTE',
            onEachFeature: pop_POSTE,
            pointToLayer: function (feature, latlng) {
                var context = {
                    feature: feature,
                    variables: {}
                };
                return L.marker(latlng);
            },
        });
        bounds_group.addLayer(layer_POSTE);
        map.addLayer(layer_POSTE);