Google Maps Interactive avec Panel

Par tidus21, il y a 7 ans


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

flo3376, il y a 7 ans

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, il y a 7 ans

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

flo3376, il y a 7 ans

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

tidus21, il y a 7 ans

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