Rafraichir un marqueur sans rafraichir la carte

Question

Bonjour ,
j'explique je suis étudiant et dans le cadre d'un projet , je dois rafraichir mes points de ma carte sans rafraichir la carte .

J'ai vue plusieurs forum qui parle de le faire en Ajax , le problème est que tous c'est forum font de Ajax à une page  php et j'aurai souhaité que l'on puisse m'aidé ou me diriger pour faire de l'Ajax (ou autre si il existe une autre solution) à du C# .

Merci d'avance pour vos futur réponse .







    Tutoriel Google Maps
    
    
    
    
    

    

    

   function Afficher_arret()
{ 
    var latlng = new google.maps.LatLng("","");// Donne la position x,y donnée dans l'aspx.cs
    var options = { // obtion de la carte
center: latlng,
zoom: 17,
mapTypeId: google.maps.MapTypeId.ROADMAP
    };


    var carte = new google.maps.Map(document.getElementById("carte"), options);//Création de la carte 
    
    	
    	  
       
       
    var marqueur = new google.maps.Marker//création du marqueur
        ({
        position: new google.maps.LatLng("",""),// Position x,y des marqueurs
         map:carte,
         icon: "flag2.png",
         title: ""
         	         
    });
        
                                  
   	var contentMarker = '   
  Horaires de passage :
  
 Latitude :  
 Longitude :  ' ;//Contenu de l'info bulle
var infoWindow = new google.maps.InfoWindow(// Création de l'info bulle
{     content  : contentMarker,     position :new google.maps.LatLng("","" ) //Coordonnée info bulle
}); 
        google.maps.event.addListener(marqueur, 'click', function() {     infoWindow.open(carte,marqueur); }); // Operation pour faire apparaître l'info bulle 
  
  
}


function Afficher_bus()
{
    var latlng = new google.maps.LatLng("","");// Donne la position x,y donnée dans l'aspx.cs
    var options = {
center: latlng,
zoom: 19,
mapTypeId: google.maps.MapTypeId.ROADMAP
                  };


    var carte = new google.maps.Map(document.getElementById("carte"), options);
/****************Nouveau code****************/
//création du marqueur

var vehicule = new google.maps.Marker
    ({
position: new google.maps.LatLng("","" ),
map:carte,
icon: "boule.png",
title: "Bus"
    });
    
         
    
    var contentMarker = 'Avance :  
 Retard :  
Latitude :  
 Longitude :  ' ;//Contenu de l'info bulle
var infoWindow = new google.maps.InfoWindow(// Création de l'info bulle

{     content  : contentMarker,     position :new google.maps.LatLng("","" ) //Coordonnée info bulle

}); 
        google.maps.event.addListener(vehicule, 'click', function() {     infoWindow.open(carte,vehicule); });
}
 google.maps.event.addDomListener(window, 'load', Afficher_bus);

 
 
    



    
        
            Afficher un arrêt
            
            
            
             
            

            

        
           
            Afficher un bus

cs_jopop · Answer

Salut,

AJAX signifie "Asynchronous Javascript And XML", en somme : il ne s'agit que de code Javascript et tu peux donc copieusement copier les exemples que tu auras trouvé en PHP.

Bon JS

cs_Danass · Answer

Bonjour ,

Je me permet de te redemander une petite chose , j'ai reussi à faire bouger mon marqueur sans rafraichir ma carte mais les données de mon infobulle ne suive pas malgrés ce que j'ai essayé de faire , peut tu regardé mon code et me dire si tu a une petite idée de ce que je devrai changer = ) . 
Message d'erreur : Valeur incorrecte pour la propriété  : [object Object]







    Tutoriel Google Maps
    
    
    
    
    

    

    

   function Afficher_arret()
{ 
    var latlng = new google.maps.LatLng("","");// Donne la position x,y donnée dans l'aspx.cs
    var options = { // obtion de la carte
center: latlng,
zoom: 17,
mapTypeId: google.maps.MapTypeId.ROADMAP
    };


    var carte = new google.maps.Map(document.getElementById("carte"), options);//Création de la carte 
    
    	
    	  
       
       
    var marqueur = new google.maps.Marker//création du marqueur
        ({
        position: new google.maps.LatLng("",""),// Position x,y des marqueurs
         map:carte,
         icon: "flag2.png",
         title: ""
         	         
    });
        
                                  
   	var contentMarker = '   
  Horaires de passage :
  
 Latitude :  
 Longitude :  ' ;//Contenu de l'info bulle
var infoWindow = new google.maps.InfoWindow(// Création de l'info bulle
{     content  : contentMarker,     position :new google.maps.LatLng("","" ) //Coordonnée info bulle
}); 
        google.maps.event.addListener(marqueur, 'click', function() {     infoWindow.open(carte,marqueur); }); // Operation pour faire apparaître l'info bulle 
  
  
}
function movePositionMarker( marker,infoWindow)
{
 var posla = document.getElementById('').value;// Valeur pour la nouvelle position du marqueur (latitude)
 var poslo = document.getElementById('').value;// Valeur pour la nouvelle position du marqueur (longitude)
 var av = document.getElementById('').value; // Valeur pour la nouvelle avance de l'infoWindow
 var ret = document.getElementById('').value;// Valeur pour le nouveau retard de l'infoWindow

  // déplace le marker
  marker.setPosition( new google.maps.LatLng(posla,poslo));
  // donnée infobulle 
  infoWindow.setContent(new google.maps.InfoWindow("Avance : "+ av +" 
 Retard : "+ +"
Latitude : "+ posla +" 
 Longitude : "+ poslo +" "));
         
   // rappel de la fonction
  setTimeout( function(){
      movePositionMarker( marker)
      }, 10000);
     
}

function Afficher_bus()
{
    var latlng = new google.maps.LatLng("","");// Donne la position x,y donnée dans l'aspx.cs
    var options = {
center: latlng,
zoom: 17,
mapTypeId: google.maps.MapTypeId.ROADMAP
                  };

    
    var carte = new google.maps.Map(document.getElementById("carte"), options);
/****************Nouveau code****************/
//création du marqueur

var vehicule = new google.maps.Marker
    ({
position: new google.maps.LatLng("","" ),
map:carte,
icon: "boule.png",
title: "Bus"
    });
    
    
    var contentMarker = 'Avance :  
 Retard :  
Latitude :  
 Longitude :  ' ;//Contenu de l'info bulle
var infoWindow = new google.maps.InfoWindow(// Création de l'info bulle

{     content  : contentMarker,     position :new google.maps.LatLng("","" ) //Coordonnée info bulle

}); 
   
     movePositionMarker (vehicule,infoWindow);
  
     google.maps.event.addListener(vehicule, 'click', function() {     infoWindow.open(carte,vehicule); });

}


    



    
        
            Afficher un arrêt
            
            
            
             
            

            

        
        
            Afficher un bus

Rafraichir un marqueur sans rafraichir la carte

2 réponses

Votre réponse

Discussions similaires