Discussion :

[ejazz75]

Bonjour,
Sur les routes alternatives qui sont affichées et qu'on peut sélectionner par un simple click, peut-on capturer l'évènement du click pour ajouter des marqueurs d'étape selon la route sélectionnée.
J'ai fait une boucle sur le nombre de routes trouvées pour créer des marqueurs (pour chaque routes) qui sont stockés dans un tableau de marqueurs.
Quand je sélectionne une route alternative, elle est bien affichée avec ses propres marqueurs mais les autres marqueurs des autres routes sont aussi affichés.
Peut-on donc capturer ce click sur la div passée en paramètre du setPanel() pour afficher juste les marqueurs de la route sélectionnée ?
Peut-on également récupérer l'index de la route sélectionnée ?
J'ai essayé le getRouteIndex pour le réinjecter dans un setRouteIndex afin de faire autre choses mais rien ne fonctionne. Il me semble que le click sur la div du setPanel est transparent par rapport aux codes de l'application.
Si quelqu'un a une solution ou un exemple de codes, cela m'aiderait beaucoup.
Merci d'avance pour vos réponses.
ejazz75

[ejazz75]

Bonjour,
Je cherche à récupérer les informations affichées par setPanel(), surtout celles qui se trouvent au-dessus des informations textuelles (steps).
Si les informations textuelles (steps) sont récupérables dans uns structure de tableau à partir de route[i].leg[i].steps, comment peut-on faire pour récupérer les informations qui sont affichées juste au dessus quand on a plusieurs routes alternatives (si provideAlternativeRoutes : true).
J'aimerai gérer autrement ces 2 types d'informations affichées par setPanel().
Merci d'avance pour vos réponses.
ejazz75

[NoSmoking]

Bonjour,
dans la mesure ou il y a présence de routes alternatives un sommaire est effectivement affiché.

Ces lignes sont constituées pour chaque trajet de, route[i].summary + route[i].legs[0].distance.text + route[i].legs[0].duration.text
que tu peux écrire de la façon suivante

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var i, html = '';
for( i=0; i<data.routes.length; i++){
  html += '<b>' +data.routes[i].summary +'<\/b>';
  html += ' ' +data.routes[i].legs[0].distance.text;
  html += ' - environ ' +data.routes[i].legs[0].duration.text;
  html += '<br>';
}

[ejazz75]

Bonjour NoSmoking,
Je te remercie infiniment pour ta réponse. C'est exactement ce que je recherchais à récupérer. Je suis tout simplement stupéfait par ta réponse, car j'ai beau lire la documentation sur les API Google Maps v3, et je n'ai rien trouvé sur la propriété "summary" de l'objet "route".
As-tu un lien sur cette documentation de Google à me fournir sur cette propriété, peut-être que je pourrais en découvrir d'autres qui ne sont pas décrites de manière officielle pour les développeurs "débutant" que je suis.
Sinon, si on décide de laisser DirectionsRenderer s'occuper de l'affichage de ces informations par setPanel(), les évènements "click" sur ces informations sont-ils "interceptables" ou comme je l'avais pensé il faudra les gérer soi-même dans une structure de table.
Encore un grand merci, vraiment infiniment, pour ta réponse.
ejazz75

[NoSmoking]

Je suis tout simplement stupéfait par ta réponse, car j'ai beau lire la documentation sur les API Google Maps v3...

si tu veux aller plus loin, ce qui semble être le et cas, il te faut bien évidemment lire la documentation, même si en anglais, ne pas hésiter à suivre les liens, il y a des infos à recouper assez souvent passer à la vitesse supérieure en utilisant les outils modernes qui sont fournis avec les navigateurs récents, firebug par exemple pour FF.

exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
  directionsService.route( request, function( data, etat){
    if( etat === google.maps.DirectionsStatus.OK) {
      if( window.console) console.log( data);
    }
  });

ce code anodin t'aidera à mieux comprendre la littérature officielle.

Sinon, si on décide de laisser DirectionsRenderer s'occuper de l'affichage de ces informations par setPanel(), les évènements "click" sur ces informations sont-ils "interceptables" ou comme je l'avais pensé il faudra les gérer soi-même dans une structure de table.

tu peux tout à fait ne pas faire afficher ce sommaire en ajoutant au options du DirectionsRenderer() l'option hideRouteList:true, ça c'est dans la documentation
DirectionsRendererOptions object.

nota: d'une façon générale il est préférable de s'en tenir aux propriétés décrites dans la documentation, google étant assez versatile sur certaines choses, mais concernant summary elle semble être faite pour vivre.

Enfin une dernière chose, il est toujours intéressant d'observer la structure DOM générée lors de l'affichage de la carte, mais la c'est à prendre avec plus de pincettes...

[ejazz75]

Bonjour NoSmoking,
Encore merci pour tes précieuses informations et astuces pour m'aider à développer mon application.
Effectivement, je veux aller plus loin dans l'utilisation des API v3 de Google Maps, et c'est bien toute la documentation de Google, même en anglais, que je suis entrain de lire depuis des semaines...je développe tous les liens que j'ai pu trouver et scrute avec soins tous les exemples de codes qui y sont présentés...mais parfois je ne trouve pas toujours de réponses aux problèmes que je rencontre dans mon travail...
Concernant Firebug, il est vrai que la vie est plus belle en développant avec cet outil...que je connaissais mais sans jamais l'utiliser, car je faisais plus tourner mes applications avant sur Chrome avec sa propre console...mais depuis que j'ai basculé les tests sur Firefox, je n'ai pas pensé à leur console...
Je cherche à faire quelque chose de simple et fonctionnelle (avant de le faire évoluer vers plus de complexité) comme :
- cliquer sur une des routes alternatives du "summary"
- afficher de la carte correspondante avec des "marker" à chaque "step" de la route
- cliquer sur un "marker" pour afficher une info-bulle
- et inversement, cliquer sur "step" pour afficher une info-bulle sur le "marker" correspondant
C'est donc très simple, d'ou ma question sur la possibilité d'intercepter l'évènement "click" pour faire tout ceci...mais je pense qu'il faudra tout gérer soi-même avec une boucle de traitement et des structure en tableaux...Tout ceci me permettra de mieux appréhender l'utilisation efficace des API v3 de Google Maps...
Encore merci pour ton aide vraiment bien précieuse.
ejazz75