12.4.4 给标志添加信息窗口
你可以给每个标志添加一个弹出对话气泡(称为一个信息窗口)。为了做到这点,针对每个名为html的标志(该html标志包含另一个对象直接量,这个直接量又包含了属性的content和popup)的对象直接量,添加另一个项。例如:
$('#map').goMap({
markers:[
{
address:’2200 NE 71st Ave Portland, OR, USA',
title:'Marker 1’,
html:{
content:’<p>A fun place to play</p>’,
popup:true
}
}
],
zoom:15,
});//end goMap
content属性设置了想要在弹出对话气泡中显示的文本,在其中可以使用常规HTML标记和文本。popup属性指定了当地图显示的时候对话气泡是否可见(像上面的例子中一样,将该属性设置为true),或者当访问者看到信息气泡之前是否需要单击该标志(例如,将popup设置为false,即popup:false)。
你可以添加任何想要的HTML,例如,表格、图像和项目符号列表。可以向这些信息气泡添加相当多的内容,它们将自动重新调整大小。
提示:要样式化HTML气泡中的HTML,你可以使用一个子孙选择器。例如,如果针对包含地图的<div>的ID使用名称map(参见12.4节的步骤3),可以创建一个子孙选择器#map p,来格式化气泡中的<p>标签的外观。