0
我正在使用ui-gmap-google-map AngularJs指令和ui-gmap-marker用ng-repeat和click事件调用控制器中的函数。 一切似乎工作。当我点击每个标记时,Map首次加载标记和标记,点击所有标记。但从第二次尝试任何点击标记不会触发点击事件。标记点击事件不在谷歌地图中第二次发射
以下是代码片段
<ui-gmap-google-map center="map.center" zoom="map.zoom">
<!--<ui-gmap-markers models="map.markers" fit="true" coords="'self'" icon="'icon'" idkey="map.marker.id" click="selectMarker()">-->
<ui-gmap-markers models="map.markers" fit="true" coords="'self'" icon="'icon'" idkey='m.id'>
<ui-gmap-marker ng-repeat="m in map.markers" coords="m" icon="m.icon" ng-click='onMarkerClicked(m.sequenceId)' idkey='m.id'>
</ui-gmap-marker>
</ui-gmap-markers>
</ui-gmap-google-map>
.....用于 '点击' 和 'NG-click' 事件 相同的结果..
$scope.generateMarkers = function (referencePoints) {
$scope.map.markers.length = 0;
//var bounds = new google.maps.LatLngBounds();
for (i = 0; i < referencePoints.length; i++) {
var record = referencePoints[i];
var marker = {
latitude: record.Lat,
longitude: record.Long,
title: record.RoadName,
id: record.ID,
icon: { url: '/content/images/roundcyan.png' },//pin_url(record.ID)//
sequenceId:i
};
//var position = new google.maps.LatLng(record.Lat,record.Long);
//bounds.extend(position);
$scope.map.markers.push(marker);
}
//$scope.map.fitBounds(bounds);
};
.... ..
$scope.onMarkerClicked = function (sequenceId) {
if ($scope.selectedSequenceId >=0) {
$scope.map.markers[$scope.selectedSequenceId].icon = { url: 'http://localhost:xxxxx/content/images/roundcyan.png' };
}
$scope.selectedSequenceId = sequenceId;
$scope.map.markers[sequenceId].icon = { url: 'http://localhost:xxxxx/content/images/roundcyanplus.png' };
$scope.$apply();
};
使用的版本是;版本:AngularJS v1.2.8,angular-google-maps 2.1.0 – Hasteq
你的'sequenceId'有问题我猜测。看看是否把'sequenceId:i ++'放在'ng-click'中解决它。 – KayAnn