Javascript 信息窗口don';行不通

Javascript 信息窗口don';行不通,javascript,angularjs,google-maps,Javascript,Angularjs,Google Maps,我正在使用angularjs开发一个应用程序。 我曾经创建一张地图,并使用marker和infowindow。但我有一个问题:当我按下标记时,信息窗口不会出现。 这是HTML: <map> <marker id="foo"clickable="true" zIndex="1" shape="{{shape}}" on-click="showInfoWindow(event, 'bar')" icon="{{image}}" position="current-posit

我正在使用angularjs开发一个应用程序。 我曾经创建一张地图,并使用marker和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>
有人能帮我吗

编辑:


我在安卓设备上试过,但不起作用,logcat也没有显示任何错误。似乎无法单击标记。。。但是我已经在浏览器(谷歌浏览器)上尝试过了,点击效果很好。

你有javascript错误吗?
showInfoWindow
功能是什么样子的?从
ngmap
doc,您只需执行
内容
@duncan showInfoWindow是ngmap的一个功能。您可以在这里看到一个例子@bjiang I有一个包含多个标记的数组。使用ng repeat,我把标记放在地图上,我希望当我点击一个标记时,出现一个信息窗口。创建地图时,信息窗口不必出现,但当我按下一个标记时,信息窗口必须出现。@b但即使只有一个标记,它也不起作用
$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'
              };