1、修改默认的esriPopUp的样式
/*信息窗口头部样式*/
.esriPopup .titlePane{
//your style
}
/* -信息窗口最大化按钮样式*/
.esriPopup .titleButton.maximize{
//your style
}
/* 信息窗口容器title关闭按钮样式 */
.esriPopup .titleButton.close{
//your style
}
/*信息窗口容器样式*/
.esriPopup .contentPane{
//your style
}
/*信息窗口阴影样式*/
.esriPopup .esriPopupWrapper{
//your style
}
2、设置infoWindow的content
arcgis中infoWindow类提供了一个setContent()方法,可以格式化信息窗口内容。参考API,2.2或更高版本,可以使用字符串或函数定义内容和标题。在2.2版之前,只能使用字符串。
2.1 窗口大小调整
默认情况下,信息窗口的内容区域宽250像素,高100像素。如果要显示的内容大于此大小,则会滚动。要调整信息窗口的大小,可以使用resize()方法指定新的宽度和高度。
map.infoWindow.resize(300,200);
2.2 使用字符串
要使用字符串格式化内容,只需创建一个字符串值,用于定义要显示的内容。该字符串可以包括HTML标记,属性占位符和格式化函数。
(1)连接字符串
map.infoWindow.setTitle("Coordinates");
map.infoWindow.setContent("lat/lon : " + latitude.toFixed(2) + ", " + longitude.toFixed(2));
(2)使用HTML
map.infoWindow.setTitle("HTML");
map.infoWindow.setContent("This content uses <strong>HTML</strong> for formatting.<p>This is a paragraph</p><p>Another Paragraph</p>");
(3)占位符(字符串替换)
当图形或要素图层具有信息模板时,API会自动使用该信息模板在选择要素时构建信息窗口内容。在信息模板中,表示的占位符 用 于 指 定