esri infowindow 样式修改 和 按钮事件

一、样式修改

方法1:

直接覆盖原来的class样式就可以了

例:

  /*信息窗口头部样式*/  
  .esriPopup .titlePane{
   background-color:#DDDDDD;
   color:#000000;
   line-height:24px;
   font-weight:900;
   border-radius:initial;
  }
/*  -信息窗口最大化按钮样式*/
  .esriPopup .titleButton.maximize{
   /*display:none;
   right:35px;
   top:9px;*/
  }
/*  信息窗口容器title关闭按钮样式
  .esriPopup .titleButton.close{
   right:13px;
   top:5px;
  }*/
  /*信息窗口容器样式*/
  .esriPopup .contentPane{
   padding:0;
   margin:0;
  }
  /*信息窗口阴影样式*/
  .esriPopup .esriPopupWrapper{
   box-shadow:none;
  }
  /*修改鼠标在新增点上的指针样式*/
  path:hover {
   cursor: pointer;
   animation-duration: 0.2s;
   animation-name: highlight;
   animation-timing-function: linear;
   animation-fill-mode: forwards;
   -webkit-animation-duration: 0.2s;
   -webkit-animation-name: highlight;
   -webkit-animation-timing-function: linear;
   -webkit-animation-fill-mode: forwards;
  }

方法2:

获取控件的dom节点设置样式

例:

domStyle.set(dialog.domNode, "opacity", 0.85);

二、触发事件

map.infoWindow.on("hide",hideInfoWindow); //显示信息窗口隐藏事件
map.infoWindow.on("show",showInfoWindow); //信息窗口显示事件 
map.infoWindow.on("maximize",function(){alert(1)}); //信息窗口最大化事件
最大化事件map.infoWindow.on("restore",function(){alert(2)}); //信息窗口最小化事件