knockout.js - 用 Google Map Marker 淘汰 observableArray

Question

我最近开始学习淘汰赛 js，我相信它适合一个独立的项目，该项目将是一个带有谷歌地图的 web 应用程序。

在寻找连接谷歌地图标记和 KO 中可观察数组的方法时，我偶然发现了你的 Ryan 的 jsfiddle (http://jsfiddle.net/rniemeyer/FcSmA/)。

我已经将它分叉到另一个，（http://jsfiddle.net/gizzat/ADexG/），我“听”到 tr 标签（表中的行对应于一个制造商）并更新标记信息（悬停时更改标记的颜色在表格行上）。

但我找不到相反方向的方法：在监听标记事件时影响 html（表格行）（我试图在悬停在某个标记上时突出显示表格行，第 29 行解释）。

如果您有任何建议/解决方案，我们会很高兴。

Answer 1

我唯一能想到的就是在谷歌地图中为鼠标悬停事件添加一个监听器

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

有关标记对象的更多信息在这里

从 Gizzat 的评论中编辑 当您创建标记时，您可以为其自定义数据，例如

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