Markers et fichier xml

Version imprimable

3 pièce(s) jointe(s)

Bonjour à toutes et à tous

Voilà , j'ai un souci pour mettre en place googlemap sur mon site je travail déjà avec google map, en version 2 qui fonctionne et voudrais passer à la version 3, la carte s'affiche sans souci mais les markers eux ne s'affiche pas .:cry:

J'utilise comme base ceci qui fonctionne très bien chez google :calim2:
Mon niveau langage web , eh bien ça dépasse pas :oops:
Et mon Anglais est un peu rouillé .:cry:

J'ai mis en ligne les trois fichiers que voici , ceci pour étudier le fonctionnement chez mon hébergeur ici , sans modifier quoique ce soit:

moredata.xml

Code:

1
2
3
4
5
6
7
<?xml version="1.0" encoding="UTF-8"?>
-<markers>
		<marker lng="-122.144841" lat="37.427770" name="Jackie"/>
		<marker lng="-122.125604" lat="37.413320" name="Peter"/>
		<marker lng="-122.139062" lat="37.433480" name="Mary"/>
		<marker lng="-122.162307" lat="37.445427" name="Puff"/>
  </markers>

util.js

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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
/**
* Returns an XMLHttp instance to use for asynchronous
* downloading. This method will never throw an exception, but will
* return NULL if the browser does not support XmlHttp for any reason.
* @return {XMLHttpRequest|Null}
*/
function createXmlHttpRequest() {
 try {
   if (typeof ActiveXObject != 'undefined') {
     return new ActiveXObject('Microsoft.XMLHTTP');
   } else if (window["XMLHttpRequest"]) {
     return new XMLHttpRequest();
   }
 } catch (e) {
   changeStatus(e);
 }
 return null;
};
 
/**
* This functions wraps XMLHttpRequest open/send function.
* It lets you specify a URL and will call the callback if
* it gets a status code of 200.
* @param {String} url The URL to retrieve
* @param {Function} callback The function to call once retrieved.
*/
function downloadUrl(url, callback) {
 var status = -1;
 var request = createXmlHttpRequest();
 if (!request) {
   return false;
 }
 
 request.onreadystatechange = function() {
   if (request.readyState == 4) {
     try {
       status = request.status;
     } catch (e) {
       // Usually indicates request timed out in FF.
     }
     if (status == 200) {
       callback(request.responseXML, request.status);
       request.onreadystatechange = function() {};
     }
   }
 }
 request.open('GET', url, true);
 try {
   request.send(null);
 } catch (e) {
   changeStatus(e);
 }
};
 
/**
 * Parses the given XML string and returns the parsed document in a
 * DOM data structure. This function will return an empty DOM node if
 * XML parsing is not supported in this browser.
 * @param {string} str XML string.
 * @return {Element|Document} DOM.
 */
function xmlParse(str) {
  if (typeof ActiveXObject != 'undefined' && typeof GetObject != 'undefined') {
    var doc = new ActiveXObject('Microsoft.XMLDOM');
    doc.loadXML(str);
    return doc;
  }
 
  if (typeof DOMParser != 'undefined') {
    return (new DOMParser()).parseFromString(str, 'text/xml');
  }
 
  return createElement('div', null);
}
 
/**
 * Appends a JavaScript file to the page.
 * @param {string} url
 */
function downloadScript(url) {
  var script = document.createElement('script');
  script.src = url;
  document.body.appendChild(script);
}

et le fichier url_info.html

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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Common Loader</title>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="util.js"></script>
<script type="text/javascript" >
  var infowindow;
  var map;
 
  function initialize() {
    var myLatlng = new google.maps.LatLng(37.4419, -122.1419);
    var myOptions = {
      zoom: 13,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    downloadUrl("moredata.xml", function(data) {
      var markers = data.documentElement.getElementsByTagName("marker");
      for (var i = 0; i < markers.length; i++) {
        var latlng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
        var marker = createMarker(markers[i].getAttribute("name"), latlng);
       }
     });
  }
 
  function createMarker(name, latlng) {
    var marker = new google.maps.Marker({position: latlng, map: map});
    google.maps.event.addListener(marker, "click", function() {
      if (infowindow) infowindow.close();
      infowindow = new google.maps.InfoWindow({content: name});
      infowindow.open(map, marker);
    });
    return marker;
  }
 
</script>
</head>
<body onload="initialize()">
  <div id="map_canvas" style="width:400px; height:300px"></div>
</body>
</html>

Tous ses fichiers sont dans le même répertoire ici.
Quelqu'un a t'il une idée , pour commencer a réaliser les modifs pour mon propre usage il faut que je fasse fonctionner ce qui marche déjà .:oops:
J'ai déjà eu quleques difficulté à faire fonctionner la version 2 :oops:

Merci dores et déjà pour votre aide
Souhaitant que cela possible ;)

Salutations
Philippe

PJ: les 3 fichiers concernés

Bonsoir,
erreur de copier/coller ou vrai erreur ??, je parle du tiret devant la balise <markers> en ligne 2 de ton fichier XML

Code:

1
2
3
4
5
6
7
<?xml version="1.0" encoding="UTF-8"?>
<markers>
	<marker lng="-122.144841" lat="37.427770" name="Jackie"/>
	<marker lng="-122.125604" lat="37.413320" name="Peter"/>
	<marker lng="-122.139062" lat="37.433480" name="Mary"/>
	<marker lng="-122.162307" lat="37.445427" name="Puff"/>
</markers>

Citation:
Envoyé par NoSmoking
Bonsoir,
erreur de copier/coller ou vrai erreur ??, je parle du tiret devant la balise <markers> en ligne 2 de ton fichier XML
Code:

1 2 3 4 5 6 7 <?xml version="1.0" encoding="UTF-8"?> <markers> <marker lng="-122.144841" lat="37.427770" name="Jackie"/> <marker lng="-122.125604" lat="37.413320" name="Peter"/> <marker lng="-122.139062" lat="37.433480" name="Mary"/> <marker lng="-122.162307" lat="37.445427" name="Puff"/> </markers>
Merci beaucoup NoSmoking, cela fonctionnne .
C"est un copier/coller tel quel ici, mais il y a moyen de reduire le nombre de ligne d'ou le signe moins , je me suis fais avoir !!:oops:

Merci encore pour ton aide , j'aurais encore besoin de tes connaissances mais je posterais un autre fil , rien a voir avec les markers ,mais ce qui est possible de mettre comme infos et liens html dans les fichiers .xml .

il est préférable de copier la source et non l'affichage.

Citation:

Merci encore pour ton aide , j'aurais encore besoin de tes connaissances mais je posterais un autre fil , rien a voir avec les markers ,mais ce qui est possible de mettre comme infos et liens html dans les fichiers .xml .

si le fichier formé reste valide il n'y a aucun problème
Code:

1 2 3 4 5 6 7 <?xml version="1.0" encoding="UTF-8"?> <markers> <marker lng="-122.144841" lat="37.427770" name="Jackie"/> <marker lng="-122.125604" lat="37.413320" name="Peter"/> <marker lng="-122.139062" lat="37.433480" name="Mary"/> <marker lng="-122.162307" lat="37.445427" name="Puff" lien="http://xml.developpez.com/cours/?page=tech#tech_xml" /> </markers>
à voir http://xml.developpez.com/cours/?page=tech#tech_xml

28/02/2012, 19h48
trc085

Je pense que les remerciements ne suffisent plus a ce niveau d'aide NoSmoking.:ccool:
Malgré tous je n'ai pas d'autres solutions pour l'instant , donc merci beaucoup pour l'exemple et le lien vers les tutos .
Je vais lire et tester tous cela ce week-end .:pc:

:merci:

Bonne soirée à toutes et à tous
Philippe
31/10/2012, 11h17
zazze69

Bonojour,

Je me permet de poser une question:

J'ai copié le code de trc085 et bien sur modifié le fichier xml comme le dis Nosmoking mais les markers ne s'affichent pas chez moi?
Une idée?
Merci je galère grave avec google map !!

mon but:

Afficher une 50 aine de markers par région, sachant quie les données viennet d'une bdd
31/10/2012, 20h46
trc085

Inutile de reprendre la totalité du message précédent.

Bonjour

Tu devrais mettre ton code et si NoSmoking passe par là ou si je voyais quelque chose de bizarre dans ton code , il sera plus facile de te donner notre aide ;)
Si cela peu aussi t'aider j'ai continuer sur mon code dans un autre fil pour une autre question ici,ou j'avais eu un souci d'affichage de Markers , avec le code que tu as copié semble t'il .:P

J'espère que cela t'aidera .

Philippe