Esri infowindowスタイル変更とボタンイベント

1584 ワード

一、スタイルの修正


方法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)}); //