Angular UI Google Maps - 地图标记上的ng-class

时间:2016-04-06 03:49:32

标签: javascript angularjs google-maps angular-ui

我正在使用带有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>

谢谢!

0 个答案:

没有答案