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
|
window.onload = function(){
var xhr = new XMLHttpRequest();
xhr.open("GET","data/randos.xml");
xhr.responseType = "document";
xhr.onload = affiche
xhr.send();
};
var affiche = function(ev) {
var content_infobulle;
var xml = ev.target.response;
var depart_rando = xml.getElementsByTagName('rando:depart');
var title_depart_rando = xml.getElementsByTagName('dc:title');
var description_depart_rando = xml.getElementsByTagName('dc:description');
var details_rando = xml.getElementsByTagName('rando:randonnee');
for (var i = 0; i < depart_rando.length; i++) {
var pos = depart_rando[i].getElementsByTagName('gpx:trkpt');
var lat = pos[0].getAttribute('gpx:lat');
var lng = pos[0].getAttribute('gpx:lon');
var position = new google.maps.LatLng(parseFloat(lat),parseFloat(lng));
var title = title_depart_rando[i+1].firstChild.data
var description = description_depart_rando[i+1].firstChild.data
content_infobulle = '<h2>' + title + '</h2>' + '<p>' + description + '</p>' + '<a href="javascript:void(0)" onclick = "test('+[details_rando]+')" id=' + i + '>Voir les détails</a>';
create_marker(position,content_infobulle);
};
console.log(details_rando);
};
function test(details_rando){
console.log("ok");
};
function create_marker(position,content_infobulle){
var marker = new google.maps.Marker({
position: position,
map:map,
});
var infoBulle = new google.maps.InfoWindow({
content: content_infobulle
})
marker.addListener('click',function(){
infoBulle.open(map,marker);
});
}
var map;
function initMap() {
map = new google.maps.Map(document.getElementById("mapSection"),{
center: {lat: 46.73007179391662, lng: 3.9199219085276127},
zoom : 5
});
var test;
} |
