11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
J'ai mis en place une carte Google Map V" dans une page avec appel à une base mysql pour l'implantation de marqueurs.
Le js généré n'affiche pas les marqueurs sans qu'aucune erreur ne soit détectée.
Voici le code :
<script type='text/javascript' charset='UTF-8'>

var Carte_Agences = null;

function AjouterMarker(agence, tel, lat, lgt, etik) {
var ContenuEtik = '<div id="Etik"><center>'+etik+'<br>'+tel+'</center></div>';
var Etik = new google.maps.InfoWindow({Content: ContenuEtik});
var Marker = new google.maps.Marker({
position: new google.maps.LatLng(lat, lgt),
map: Carte_Agences,
draggable: false });
google.maps.event.addListener(Marker, 'mouseover', function(){Etik.open(Carte_Agences,Marker)});
google.maps.event.addListener(Marker, 'mouseout', function(){Etik.close(Carte_Agences,Marker)});
}

function load_carte() {
var CentreCarte = new google.maps.LatLng(47.082892, 2.3965788);
var myOptions = {
zoom: 5,
center: CentreCarte,
mapTypeId: google.maps.MapTypeId.ROADMAP,
draggable: false,
scrollwheel: false };
var Carte_Agences = new google.maps.Map(document.getElementById("CarteAgences"), myOptions);
AjouterMarker("BELFORT","06.18.37.03.31",47.594657,6.9207716,"Agence de Belfort");
AjouterMarker("NANCY","",48.690788,6.1825044,"Agence de Nancy");
AjouterMarker("LYON","",45.767299,4.8343287,"Agence de Lyon");
}

</script>
Si quelqu'un a un idée pour m'orienter...
D'avance merci...
Dg_Dev
A première vue c'est donc un soucis de variable avec Carte_Agences qui ne passe pas.

Tu peux résoudre le soucis en plaçant la fonction AjouterMarker() dans la fonction load_carte() juste après

var Carte_Agences = new google.maps.Map(document.getElementById("CarteAgences"), myOptions);

Et tous les points s'affichent.
Bonjour,

Effectivement, tu déclares 2 fois ta variable Carte_Agences avec le mot clé var.

Essaie juste d'enlever le mot clé var devant ta variable Carte_Agences dans ta fonction load_carte:

Carte_Agences = new google.maps.Map(document.getElementById("map_canvas"), myOptions);


Normalement, ça devrait fonctionner.

Cdlt,
Il m'a répondu par MP que c'était ok, mais effectivement, ta solution me semble plus propre Smiley smile