Le portail francophone de la géomatique

Francois Gueydon · Wed 20 January 2016 14:54

Bonjour à tous,
j'essaye en ce moment d'ajouter des données venant d'un flux xml sur leaflet et je m'y casse les dents.
J'ai suivi ce tuto qui me semble plutôt clair: http://erica.altschul.info/Tutorial_XML-to-Leaflet.pdf
hélas, autant j'arrive à afficher une liste des données xml dans une div, autant quand il s'agit de les inclure sur une carte leaflet je bloque..

en gros mon code pour essayer d'appeler les données xml dans un marker leaflet:

//appel du document xml
$(document).ready(function()
{
$.ajax({
type: "GET",
url: "542Tutorial_01.xml",
dataType: "xml",
success: parseXml
});
});

//ajout d'un marker se servant des données xml

L.marker([$(this).find("lat").text(),
$(this).find("long").text()]).addTo(map);

Etant néophite en ajax je me dis que c'est peut etre une grossiere erreur de syntaxe, quelqu'un aurait une idée?

Dof · Thu 21 January 2016 10:41

Bonjour,
Quelle est votre fonction parseXml?
le "this" fait référence à la fonction, non?
Je ferais plutôt comme ça :

Code:

 function parseXml(data){
console.log(data)
}

"data" est le contenu du xml

Francois Gueydon · Thu 21 January 2016 11:37

Et bien mon code d'appel du xml au complet donne ça:

<script>
$(document).ready(function()
{
$.ajax({
type: "GET",
url: "542Tutorial_01.xml",
dataType: "xml",
success: parseXml
});
});

function parseXml(xml)
{
$(xml).find("point").each
(function()
{
$(this).find("lat").text(),
$(this).find("long").text()
});
}

puis ensuite mon code leaflet dans lequel j'essaye d'ajouter les données du xml avec L.marker mais ca ne marche pas.

J'avoue ne pas vraiment maitriser le javascript, c'est surtout que je n'arrives même pas à faire fonctionner le code du tuto.

Dof · Fri 22 January 2016 11:19

En fait il nous faudrait le XML ou au moins la sortie de la fonction parseXml

console.log est ton ami dans pour debugger

Code:

function parseXml(xml)
{
$(xml).find("point").each
(function(){
   console.log($(this).find("lat").text());
   console.log($(this).find("long").text());
});
}

Francois Gueydon · Fri 22 January 2016 14:13

mon xml est une copie de celui ci: http://erica.altschul.info/542Tutorial_01.xml

En fait j'essaye juste de reproduire l'exercice donné dans le tuto et d'afficher les points dans leaflet (avant d'essayer avec d'autres xml).
N'ayant jamais fait de ajax avant ce tuto, j'ai bien du mal a comprendre les subtilités des fonctions.

Dof · Fri 22 January 2016 15:48

Le code un peu clarifié mais pas testé
J'ao ajouté un parseFloat pour convertir les coordonnées de text en décimale.

Code:

$.ajax({
  type: "GET",
  url: "le_xml.xml",
  dataType: "xml",
  success: parseXml,
  error:function(e){
   console.log('ko') //y'a une erreur
   console.log(e) // on affiche l'erreur
  }
});

function parseXml(xml) {
  console.log('ok') 
  $(xml).find("point").each(function() {
     var lat =parseFloat($(this).find("lat").text());
     var lng = parseFloat($(this).find("long").text());
     L.marker([lat,lng]).addTo(map);
  });
}

Francois Gueydon · Mon 25 January 2016 09:53

Merci beaucoup j'arrives enfin à afficher le xml sur leaflet! Ya encore pas mal de boulot pour tout comprendre mais au moins c'est un exemple qui marche, bon point de départ pour décortiquer tout ça

Communauté	Ressources	L'emploi	Le marché	L'association	Fils RSS
Forum Blogs Wiki Planet Sites amis	Agenda Biblio Fiches AMO-CNIG Paris PCGIS Téléchargements	Offres d'emploi Banque de CV Formations Démarche Métiers	Geo-Entreprises Geo-Communiqué Appels d'offres	L'association Qui sommes-nous ? Nous aider Bienfaiteurs Partenaires Historique Statuts	Tout le site Job Géomatique Services GeoBlogs ...	Faire un don Mentions légales

Le portail francophone de la géomatique

Annonce

#1 Wed 20 January 2016 14:54

Ajout de données d'un xml sur leaflet

#2 Thu 21 January 2016 10:41

Re: Ajout de données d'un xml sur leaflet

Code:

#3 Thu 21 January 2016 11:37

Re: Ajout de données d'un xml sur leaflet

#4 Fri 22 January 2016 11:19

Re: Ajout de données d'un xml sur leaflet

Code:

#5 Fri 22 January 2016 14:13

Re: Ajout de données d'un xml sur leaflet

#6 Fri 22 January 2016 15:48

Re: Ajout de données d'un xml sur leaflet

Code:

#7 Mon 25 January 2016 09:53

Re: Ajout de données d'un xml sur leaflet

Pied de page des forums