Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 地图标记和列表项的角度绑定_Angularjs_Google Maps - Fatal编程技术网

Angularjs 地图标记和列表项的角度绑定

Angularjs 地图标记和列表项的角度绑定,angularjs,google-maps,Angularjs,Google Maps,我是个新手,不知道如何解决问题。我想使用google maps指令在地图上显示一个标记列表,比如说它们是用于酒吧的,并且在旁边有一个显示酒吧名称和地址的列表 当您单击列表项时,我希望它高亮显示标记,或者如果您高亮显示标记,我希望它高亮显示列表项。我在Knockout中完成了所有这些工作,但我正在将其重构为angular,不知道如何使其工作 有没有人举过这样的例子,或者可以给我一个正确的方向 谢谢 安迪我处理这件事的方法是保留一份我放在markers指令中的标记列表。然后,在列表项的单击事件中,我

我是个新手,不知道如何解决问题。我想使用google maps指令在地图上显示一个标记列表,比如说它们是用于酒吧的,并且在旁边有一个显示酒吧名称和地址的列表

当您单击列表项时,我希望它高亮显示标记,或者如果您高亮显示标记,我希望它高亮显示列表项。我在Knockout中完成了所有这些工作,但我正在将其重构为angular,不知道如何使其工作

有没有人举过这样的例子,或者可以给我一个正确的方向

谢谢
安迪

我处理这件事的方法是保留一份我放在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;
        }

    }