esri infowindow 样式修改与格式化定制

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会自动使用该信息模板在选择要素时构建信息窗口内容。在信息模板中，表示的占位符 用 于 指 定