Javascript 信息窗口don';行不通
我正在使用angularjs开发一个应用程序。 我曾经创建一张地图,并使用marker和infowindow。但我有一个问题:当我按下标记时,信息窗口不会出现。 这是HTML: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
<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'
};