Infowindow不工作

Question

我使用angularjs开发应用程序。 我已使用ng-map创建地图并使用标记和信息窗口。但我有一个问题：当我按下标记时，infowindow不会出现。 这是HTML：

<map>
    <marker id="foo"clickable="true" zIndex="1" shape="{{shape}}" on-click="showInfoWindow(event, 'bar')" icon="{{image}}" position="current-position"></marker>
    <info-window id="bar" visible-on-marker="foo">
       Hi, I'm InfoWindow
           </info-window>
</map>

我的.js：

$scope.image = {
    url: 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png',
    size: [20, 32],
    origin: [0,0],
    anchor: [0, 32]
    };

    $scope.shape = {
                coords: [1, 1, 1, 20, 18, 20, 18 , 1],
                type: 'poly'
              };

任何人都可以帮助我？

编辑：

我已经在Android设备上尝试了它，但它没有工作，并且logcat没有向我显示任何错误。似乎标记无法点击...但我已经在浏览器（谷歌浏览器）上试过这个并且点击效果很好。