1

現在、カスタマイズされたinfoBoxがあり、JScriptを使用してプロパティを設定しています

var infoBoxOptions =  {
    content: infoContent
    ,disableAutoPan: false
    ,maxWidth: 0
    ,pixelOffset: new google.maps.Size(-140, 0)
    ,zIndex: null
    ,boxStyle: {
      background: "url('/files/0/11/tipbox.gif') no-repeat"
      ,width: "255px"
      ,padding:"9px"
     }        
    ,closeBoxURL: "/files/0/11/icon-close.gif"
    ,infoBoxClearance: new google.maps.Size(1, 1)
    ,isHidden: false
    ,pane: "floatPane"
    ,enableEventPropagation: false
  };

HTMLをチェックすると、BoxClose画像は次のようになります。

<img align="right" style=" position: relative; cursor: pointer; margin: 2px;" src="/files/0/11/icon-close.gif">

位置を絶対に設定し、閉じるボタンに上部と右側のプロパティを与えるにはどうすればよいですか？

4

2 に答える 2

2

この投稿の時点では、closeBoxMarginは何もしていないようです。私はこれを使用してこの問題を回避しました...

.infoBox img {
    top:15px;
}

マージンはもう機能していないようです。これが誰かを助けることを願っています。

クローズボックスのみを実行するには、>セレクターを追加します。

.infoBox > img {
    margin: 36px 10px 2px 2px !important;
}
于 2013-12-19T16:43:31.937 に答える
1

クローズボックスマージンと呼ばれるプロパティがあります。これにより、CSSマージンを使用してクローズボックスを配置できます。絶対的な位置を追加するとは思いませんが、クローズボックスを自由に動かすことができます。

//Setting the options for the information window
var infoBoxOptions = {
    closeBoxURL: "/Content/images/TempImages/close.png",
    closeBoxMargin: "-10px -60px 10px 10px"
}

これにより、クローズボックスを必要な場所に正確に配置できました。

于 2012-12-12T23:58:35.523 に答える