我最近开始学习knockout js,我相信它会适合一个独立的项目,那就是一个以谷歌地图为特色的map应用程序。
在KO中寻找连接谷歌地图标记和可观察阵列的方法时,我偶然发现了Ryan的jsfiddle (http://jsfiddle.net/rniemeyer/FcSmA/)。
我已经将它派生到另一个(http://jsfiddle.net/gizzat/ADexG/)中,在那里我“监听”tr标签(表中的行对应于一个标记)并更新标记信息(当悬停在表行上时更改标记的颜色)。
但我找不到相反方向的方法:在监听标记事件时影响html (表行)(我试图在悬停在某个标记上时突出显示表行,在第29行解释)。
如果你有任何建议/解决方案,我会很高兴的。
发布于 2013-01-10 05:19:35
我能想到的唯一方法就是在google地图中为mouseover事件添加一个监听器
google.maps.event.addListener(marker, "mouseover", function() {
var rowId= this.rowId;
$("#"+rowId).addClass("<ROWHIGHLIGHTCLASS>");
});
有关标记对象here的详细信息
通过Gizzat的注释进行编辑创建标记时,可以对其自定义数据,例如
var markerA = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(0, 0),
rowId: "row1"
});
https://stackoverflow.com/questions/14251190
复制