knockout observableArray avec Google Map Marker

Question

J'ai récemment commencé à apprendre knockout js, qui je crois conviendrait pour un projet indépendant qui serait une webapp qui dispose de Google Map sur elle.

Je suis tombé sur votre jsfiddle de Ryan (http://jsfiddle.net/rniemeyer/FcSmA/) lorsque vous cherchez des moyens de connecter des marqueurs de carte google et des tableaux observables dans KO. Je l'ai fourchu dans un autre, (http://jsfiddle.net/gizzat/ADexG/) où j'écoute les balises tr (la ligne du tableau correspond à un fabricant) et met à jour les informations du marqueur (changement de couleur) de marqueur en planant sur la rangée de table).

Mais je ne peux pas trouver un chemin dans la direction opposée: affecter html (rangées de la table) lors de l'écoute des événements de marqueur (im essayant de mettre en évidence la rangée de tableau).

Serait heureux si vous avez un conseil/solution.

Answer 1

Le seul je peux penser à le faire est en ajoutant un écouteur à l'événement mouseover dans google maps

google.maps.event.addListener(marker, "mouseover", function() { 
      var rowId= this.rowId; 
      $("#"+rowId).addClass("<ROWHIGHLIGHTCLASS>"); 
}); 

Pour plus d'informations sur l'objet marqueur here

EDIT du commentaire de Gizzat Quand vous créez votre marqueur que vous pouvez des données personnalisées, par exemple

var markerA = new google.maps.Marker({ 
    map: map, 
    position: new google.maps.LatLng(0, 0), 
    rowId: "row1" 
});