Angularjs 地图标记和列表项的角度绑定
我是个新手,不知道如何解决问题。我想使用google maps指令在地图上显示一个标记列表,比如说它们是用于酒吧的,并且在旁边有一个显示酒吧名称和地址的列表 当您单击列表项时,我希望它高亮显示标记,或者如果您高亮显示标记,我希望它高亮显示列表项。我在Knockout中完成了所有这些工作,但我正在将其重构为angular,不知道如何使其工作 有没有人举过这样的例子,或者可以给我一个正确的方向 谢谢Angularjs 地图标记和列表项的角度绑定,angularjs,google-maps,Angularjs,Google Maps,我是个新手,不知道如何解决问题。我想使用google maps指令在地图上显示一个标记列表,比如说它们是用于酒吧的,并且在旁边有一个显示酒吧名称和地址的列表 当您单击列表项时,我希望它高亮显示标记,或者如果您高亮显示标记,我希望它高亮显示列表项。我在Knockout中完成了所有这些工作,但我正在将其重构为angular,不知道如何使其工作 有没有人举过这样的例子,或者可以给我一个正确的方向 谢谢 安迪我处理这件事的方法是保留一份我放在markers指令中的标记列表。然后,在列表项的单击事件中,我
安迪我处理这件事的方法是保留一份我放在markers指令中的标记列表。然后,在列表项的单击事件中,我找到了带有id的标记,并更改了图标。这是我的方法。这个发现是一个来自lo dash的方法。hasValue是我的应用程序中的一个方法,它基本上扩展了lo dash以检查null和未定义:
function highlightMarker(id) {
if (!$scope.locationMarkers || highlightIcon === null) {
return;
}
if (_.hasValue(highlightedLocation)) {
highlightedLocation.icon = normalIcon;
if (highlightedLocation.id === id) {
highlightedLocation = null;
return;
}
}
highlightedLocation = _.find($scope.locationMarkers, { 'id': id });
if (highlightedLocation) {
highlightedLocation.icon = highlightIcon;
}
}