Association d'étiquettes correctes avec des marqueurs dans Google Maps

Question

J'ai un petit problème avec une page Google Maps que j'ai créée. Voici l'URL du test - http://projects.presencemultimedia.co.uk/impari/savings/map_test.html

Je souhaite que plusieurs emplacements soient tracés sur la carte en faisant référence à leur code postal au Royaume-Uni. Chaque marqueur aura également une étiquette associée lorsque l'utilisateur cliquera sur le marqueur (en utilisant openInfoWindowHtml).

La page de test trace bien les marqueurs, mais j'ai du mal à obtenir l'étiquette correcte pour chaque marqueur. Actuellement, lorsque vous cliquez sur le marqueur, ils affichent tous l'étiquette du dernier marqueur tracée.

Je ne sais pas si je suis confus par variable portée en javascript ou s'il y a une certaine particularité avec plusieurs marqueurs dans Google Maps mais cela me rend fou depuis un moment!

Toute aide/conseil grandement apprécié!

Cordialement, Phil

Answer 1

Le problème est que lorsque vous la fonction de rappel est appelée de manière asynchrone, la variable globale infoHTML a été réglé sur « Farm Village Health Club », qui est la raison pour laquelle vous voyez toujours que la fenêtre d'information texte.

Vous devez passer la fenêtre d'information html dans usePointFromPostcode, l'associer à un objet locale GlocalSearch et ensuite passer que dans le callbackFunction.

Here est une version de travail de cet exemple (basé sur votre code) (source).