Bonjour,

Voila je suis entrer de travailler sur l'api de google maps et je voudrais mettre à jour une liste qui se trouve dans mon panel sur le côté de la carte dès qu'un utilisateur bouge la carte pour être plus claire comme sur ce site https://cimm.com/achat/maison/grenoble.

Je n'ai rien trouvé sur le site de google maps developper pour faire ceci.

Avez vous un tuto ou une piste à me fournir?

Merci à vous tous.

4 réponses


houlà il y a du taff,
déjà retrouver les coordonée des coin de carte

function center_get()
        {
            uprlat = map.getBounds().getNorthEast().lat();
            uprlng = map.getBounds().getNorthEast().lng();
            dwnlat = map.getBounds().getSouthWest().lat();
            dwnlng = map.getBounds().getSouthWest().lng();
             }

détecter car la carte se stabilise pour commencer à trouver les coins

google.maps.event.addListener(map, "idle", function(){
            center_get();

            //refresh_NDB();
            console.log("iddle")
        });

des méthode de calcul pour trouver une distance entre 2 points

posc = new google.maps.LatLng(center_x,center_y);
        posm = new google.maps.LatLng(mouse_x,mouse_y);
        var distance=(google.maps.geometry.spherical.computeDistanceBetween (posc,posm));
        var cap=google.maps.geometry.spherical.computeHeading (posc,posm);

        if (cap<0)
            {cap=360+cap;}

        document.getElementById('distance').innerHTML='distance: '+Number(distance).toFixed(4)+'Nm';
        document.getElementById('cap').innerHTML='cap: '+Number(cap).toFixed(1)+'°';

aprés il y a du css, pour mettre ton volet à personnaliser

et ensuite un soupçons de js pour actualiser ton voler

voilà quelque élément de puzzle, à toi de te documenter pour compléter

tidus21
Auteur

Merci beaucoup, je vais commencer avec ton code en espérant à réussir a me dépatouiller.

attention, ce sont des extrait de codes sortant d'une de mes cartes, tu n'as pas les liaisons et toutes les logiques....

tidus21
Auteur

Oui oui bien sur je vais l'adapter et l'implémenter dans mon code existant.