Po kliknięciu klastra, jak wyświetlić Infowindow, który ma wartości znaczników? - javascript, angularjs, google-maps-api-3, infowindow

Próbowałem użyć mapy google z angularJS.

Nauczyłem się, jak z niego korzystać https://angular-ui.github.io/angular-google-maps/#!/.

Wszystko poszło dobrze.

Dla każdego markera mogę wyświetlić InfoWindow, które zawiera informacje o elementach myList.

Ale utknąłem w InfoWindow z klastrami.

Po kliknięciu klastra chcę wyświetlić listę informacji o znacznikach w klastrze. Nawet nie mogę pokazać prostego InforWindow po kliknięciu na klaster.

Poniżej źródeł znajduje się mój kod. Proszę mi powiedzieć, czy to nie wystarczy, aby rozwiązać mój problem.

Proszę powiedz mi, co jest nie tak i jak rozwiązać ten problem. Miłego dnia.

* javascript
$scope.map.map = {
center: { latitude: $scope.map.myList[0].lat, longitude: $scope.map.myList[0].lng },
zoom: 17,
events : {
tilesloaded: function (map) {
$scope.$apply(function () {

google.maps.event.addDomListener(window, "resize", function() {
var lat = $scope.map.myList[$scope.map.markerPosition-1].lat;
var lng = $scope.map.myList[$scope.map.markerPosition-1].lng;
var center = new google.maps.LatLng(lat, lng);
map.setCenter(center);
});
});
}
},

markersEvents: {
click: function(marker, eventName, model) {

model.show = !model.show;
return;
}
},
clusterOptions : { // options of cluster
gridSize: 40,
ignoreHidden: true,
zoomOnClick : false,
averageCenter : true,
styles: [
{
height: 53,
url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m3.png",
width: 53,
textColor : "white"
}
]
},
clusterEvent: { // when cluster"s clicked
click: function(map, markers) {

var contentString = "ABCD";

var infowindow = new google.maps.InfoWindow({
content: contentString
});

infowindow.open(map, markers);
return;
}
}
};
$scope.map.options = {
streetViewControl : false
};
$scope.map.markers = [];





* html
<ui-gmap-google-map center="map.map.center" zoom="map.map.zoom" options="map.options" events="map.map.events">
<ui-gmap-markers models="map.markers" coords=""self"" icon="a" events="map.map.markersEvents" options=""options""
doCluster="true" clusterOptions="map.map.clusterOptions" clusterEvents="map.map.clusterEvent">
<ui-gmap-windows show="show">
<div ng-non-bindable>{{id}}</div>
</ui-gmap-windows>
</ui-gmap-markers>

Odpowiedzi:

Odpowiedz sobie.

var infoWindowOptions = {
content: "asdfasdf"
};
var infowindow = new google.maps.InfoWindow(infoWindowOptions);
infowindow.open(map.map_, *marker*);