使用angular-google-maps，如何添加具有infowindows的标记？

Question

我正在为项目使用angular-google-maps，我需要让用户点击地图上的一个点来放置一个图钉，然后自定义窗口附带的infoWindow。我已经能够点击地图并放下一个图钉，但我无法弄清楚如何用它添加一个infoWindow。我已经梳理了文档，但我无法找到明确的答案。

我真的只需要知道所有标记的信息窗口是否需要放在单独的数组中，或者是否可以将它们作为标记对象的一部分分配给每个标记。我设置了ui-gmap-windows指令，但实际上并不知道使用它的正确方法。这是我的代码的开头，至少放弃了引脚...

HTML                         
    

$scope.map = {
    center: {
        latitude: 38.2, 
        longitude: -98.5795
    },
    zoom: 5
};

JS

$scope.markers = [];

$scope.events = {
    click: function (map, eventName, handlerArgs) {
        $scope.$apply(function () {

            $scope.markers.push({
                id: $scope.markers.length,
                latitude: handlerArgs[0].latLng.lat(),
                longitude: handlerArgs[0].latLng.lng(),
                showWindow: true,
                options: {
                    animation: api.Animation.DROP,
                    title: handlerArgs[0].latLng.toUrlValue()

                }
            });
        });
    }
};

var api;
uiGmapGoogleMapApi.then(function(googleMaps) {
    api = googleMaps;
});