我正在使用带有Google地图的Angular-UI来呈现Google地图(https://angular-ui.github.io/angular-google-maps)。
我有两个绑定到同一$ scope数组的列表,我试图这样做,以便当鼠标悬停在列表上的某个项目上时,相应的谷歌地图标记将突出显示纳克级。不幸的是,Angular谷歌地图文档对此并不清楚,我还没有找到任何例子。
我的列表项目:
<div class="container-fluid" id="homeFeed">
<div class="col-sm-6 feed-div" ng-repeat="timeslot in timeslots | filter:timeslotFilters" ng-click="">
<md-card class="w3-hover-shadow" ng-mouseenter="timeslot.isActive=true" ng-mouseleave="timeslot.isActive=false">
相应的Google地图标记:
<ui-gmap-google-map center="map.center" zoom="map.zoom" options="map.options">
<ui-gmap-marker ng-repeat="timeslot in timeslots | filter:timeslotFilter"
idKey="timeslot._id"
coords="{latitude: timeslot.placeLat, longitude: timeslot.placeLong}"
options="{icon: markerIcon(timeslot.category)}"
ng-mouseenter="timeslot.isActive=true" ng-mouseleave="timeslot.isActive=false"
ng-class="{'active':timeslot.isActive}">
</ui-gmap-marker>
</ui-gmap-google-map>
谢谢!