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