谷歌地圖V3信息框和closeBox

我現在有一個自定義的信息框，我設置使用JScript的谷歌地圖V3信息框和closeBox

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">

我如何設置將位置設置爲絕對值並將頂部和右側屬性賦予關閉按鈕？

來源

2012-12-12 user778930

逗號在下一行開始時調用了什麼[代碼縮進樣式]（http://en.wikipedia.org/wiki/Indent_style）？ – Sparky

有一個屬性叫Close Box Margin，它允許你用CSS邊距定位關閉框。我不認爲它增加了絕對的位置，但它可以讓你自由移動關閉框。

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

這幫助我準確地將我的收盤箱放在我需要的地方。

來源

2012-12-12 23:58:35

k謝謝，它的工作，現在鋤頭我可以添加Z指數它 – user778930

我會建議用CSS定位它，你可以添加一個類到你的infowindow boxClass：「infoBox」，然後做一些沿 .infoBox> img {z-index：999999} –

做得好的亞倫，這是一個非常聰明的把戲！ –

從本貼開始，closeBoxMargin似乎沒有做任何事情。我用這個解決了這個問題...

.infoBox img { 
    top:15px; 
}

保證金似乎不工作了。希望這可以幫助某人。

只爲關閉框添加>選擇器。

.infoBox > img { 
    margin: 36px 10px 2px 2px !important; 
}

來源

2013-12-19 16:43:31

谷歌地圖V3信息框和closeBox

回答

相關問題