我对角度相对较新。
我正在使用angular-google-maps,并且无法弄清楚当将鼠标悬停在标记上时如何显示工具提示/ infowindow:基本上当你使用直接谷歌地图api并设置'标题时你会得到什么'标记对象的属性(如https://developers.google.com/maps/documentation/javascript/examples/marker-simple)
我尝试过使用labelContnent属性的markers元素,以及带有marker-label元素的标记 - 都没有显示带有标记标题的工具提示。
angular-google-maps演示(http://angular-google-maps.org/demo)也没有显示任何工具提示,因此我认为我没有做错任何事。
问题是,如何显示标题?
TIA!
答案 0 :(得分:4)
创建标记时,您需要提供包含options
的{{1}}成员。
很抱歉,我没有一个小的工作示例,但您希望您的标记对象看起来像这样:
title
然后在var marker = {
coords: { latitude: 38.8977, longitude: -77.0366 },
icon: 'images/whitehouse.png',
options: { title: 'The White House' }
id: 12345
};
或<marker>
指令中指定所有这些属性名称。
然后当鼠标悬停在图标上时,应显示工具提示。请注意,浏览器显示图标的速度可能非常慢,因此请先将鼠标放在屏幕上几秒钟,然后再决定它是否正常工作。
如果您想显示信息窗口而不是工具提示,则需要处理<markers>
和mouseover
事件。该文档目前(2014年6月)对于如何执行该操作非常含糊,并且仅mouseout
支持,而不支持<marker>
。