IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

APIs Google Discussion :

MarkerManager + google maps api v3


Sujet :

APIs Google

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif Avatar de omar24
    Homme Profil pro
    Inscrit en
    Septembre 2010
    Messages
    159
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 159
    Par défaut MarkerManager + google maps api v3
    Bonjour tout le monde;

    Je suis en train de travailler sur google Maps. je pourrais afficher mes marqueurs sans problème. Mais du fait que parfois le nombre des marqueurs est assez élevé j'ai du passer par MarkerManager pour améliorer les performances de mon application et surtout la rapidité d'affichage.
    Alors j'ai ajouté le code nécessaire mais le problème que les marqueurs ne s'affichent pas même si aucune erreur est signalée .
    Voila le code:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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
     
    $().ready(function() {
    var latlng = new google.maps.LatLng(49.41483, 1.817895);
    var options = {
    	center: latlng,
    	zoom: 6,
    	mapTypeId: google.maps.MapTypeId.ROADMAP
    };
     carte = new google.maps.Map(document.getElementById("carte"), options);	
     mgr = new MarkerManager(carte);
     tab = [];
    infowindow = new google.maps.InfoWindow({
    });	
    });
     
    function afficher(id) {
    				$.ajax({
    					url : "geo.php",
    					dataType : "XML",
    					data : "id="+id,
    					success : function(data) {
    						if(typeof(tab[id]) == 'undefined') {
    								tab[id] = [];
    								var i = 0;
    								$(data).find('fire').each(function() {
    									var fire = $(this);
    									var longi = fire.attr("longitude");
    									var lati = fire.attr("latitude");	
    									var ltlg = new google.maps.LatLng(lati, longi);
    									var myMarker = new google.maps.Marker({
    										position: ltlg, 
    										icon: fire.attr("icone"),
    										title: fire.attr("address")
    									});
    									tab[id][i] = myMarker;
    									infowindow.close();
    									google.maps.event.addListener(tab[id][i],'click', function(event) {
    										infowindow.setContent("salut");
    										 infowindow.open(carte,myMarker);
    									});
    									i = i+1;
    								});	
    								mgr.addMarkers(tab[id]);
    								mgr.refresh();
    								if(tab[id].length == 0) alert("aucune geo trouvee");	
    						} else {
    							if(tab[id].length == 0) alert("aucune geo trouvee"); 
    							else {
    								mgr.addMarkers(tab[id]);
    								mgr.refresh();
     
    								// mgr.show();
    								// for(var j=0; j<tab[id].length; j++) {
    								// tab[id][j].setVisible(true);
    							// }
    							}
    						}
    							},
    					error : function() {
    						alert('error');
    					}
    				});	
    			}
    Pourriez vous m'indiquer où j'ai commis l'erreur??
    Merci d'avance

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonsoir,
    - à vérifier la casse sous jQuery
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    $.ajax({
      url: "geo.php",
      dataType: "xml",  // et non XML
      data: "id=" + id,
    - que te retourne data ?
    - que contient en final tab[id]?

  3. #3
    Membre très actif Avatar de omar24
    Homme Profil pro
    Inscrit en
    Septembre 2010
    Messages
    159
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 159
    Par défaut
    salut merci ta réponse en fait j'ai réglé le problème.
    La source du problème était:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    google.maps.event.addListener(tab[id][i],'click', function(event) {
    										infowindow.setContent("salut");
    										 infowindow.open(carte,myMarker);
    									});
    alors j'ai remplacé tab[id][i] par myMarker et ça marche .

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. google map api
    Par debutantasp dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 30/05/2008, 14h02
  2. Google Map - API Java ?
    Par onlytoine dans le forum Collection et Stream
    Réponses: 3
    Dernier message: 28/04/2008, 11h25
  3. Utilisation de la Google Maps API ?
    Par [ZiP] dans le forum Web & réseau
    Réponses: 4
    Dernier message: 04/09/2007, 22h26
  4. Google Map API --> Javascript et code behind C#
    Par bridel dans le forum ASP.NET
    Réponses: 2
    Dernier message: 22/01/2007, 21h07
  5. google map api
    Par raphs43 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 27/12/2006, 20h28

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo