0

Je cherche la solution de mon exigence. J'ai la liste des appartements et j'ai besoin de ma carte devrait montrer l'emplacement de l'appartement et mettre en évidence ce marqueur d'emplacement en changeant sa couleur sur-vol stationnaire de div dans la liste. L'exemple peut être vu ci-dessous. Je veux le faire fonctionner dans mon site wordpressCartes: emplacement de marqueur en évidence sur hover div dans wordpress

http://we-housing.com/apartment-list?type=city&name=Gainesville,%20FL&fullName=Gainesville,%20FL&id=Gainesville,%20FL

Avons-nous un plug-in ou des solutions?

+0

Je l'ai fait ce genre de chose comme ceci: lorsque vous créez votre marqueur avec 'nouveau google. maps.Marker', vous pouvez ajouter des attributs personnalisés, donc mettez un identifiant unique dans l'objet, comme 'myCustomId: 'post118''. Après, lors de l'événement div over, par exemple 'div # post118', utilisez javascript pour parcourir chaque marqueur jusqu'à ce que vous trouviez celui qui a la valeur correspondante dans son attribut' myCustomId', et faites enfin ce que vous voulez! – Pierre

Répondre

1

Chaque objet Maps JavaScript API exporte un certain nombre d'événements nommés. Les programmes intéressés par certains événements vont enregistrer les écouteurs d'événements JavaScript pour ces événements et exécuter du code lorsque ces événements sont reçus en appelant addListener() pour enregistrer des gestionnaires d'événements sur l'objet.

Certains objets dans l'API Google Maps JavaScript sont conçus pour répondre aux événements de l'utilisateur tels que Pour enregistrer souris ou le clavier

pour les notifications d'événement, utilisez le gestionnaire d'événements addListener(). Cette méthode prend un événement à écouter et une fonction à appeler lorsque l'événement spécifié se produit.

google.maps.event.addListener(object,"mouseover",function() { 
// your code 
}); 

Je l'ai fait quelques recherches et trouvé ce blog, discuter de la façon de mettre en évidence la carte de vol stationnaire de la souris: https://gis.stackexchange.com/questions/14642/how-to-highlight-the-area-in-google-map-on-mouse-hover