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;
} |
Partager