2013-07-14 39 views
1

我想將x按鈕移動到infowindow的左上角。向左移動關閉按鈕google maps api

這可能嗎?如果沒有,我可以以某種方式禁用它嗎?

我使用的信息框

infowindow = new InfoBox({ 
     content: html 
     ,disableAutoPan: false 
     ,maxWidth: 0 
     ,pixelOffset: new google.maps.Size(12, -29) 
     ,zIndex: null 
     ,boxStyle: { 
      font: "bolder 12px arial" 
      ,width: "300px" 
     } 
     ,closeBoxMargin: "0px 0px 0px 0px" 
     ,closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif" 
     ,infoBoxClearance: new google.maps.Size(1, 1) 
     ,isHidden: false 
     ,pane: "floatPane" 
     ,enableEventPropagation: false 
}); 

回答

0

您可以定義與CloseBoxMargin的x的位置。

我會嘗試這樣的事:

infowindow = new InfoBox({ 
     content: html 
     ,disableAutoPan: false 
     ,maxWidth: 0 
     ,pixelOffset: new google.maps.Size(12, -29) 
     ,zIndex: null 
     ,boxStyle: { 
      font: "bolder 12px arial" 
      ,width: "300px" 
     } 
     ,closeBoxMargin: "10px 280px 0px 0px" 
     ,closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif" 
     ,infoBoxClearance: new google.maps.Size(1, 1) 
     ,isHidden: false 
     ,pane: "floatPane" 
     ,enableEventPropagation: false 
}); 
1

添加這個CSS代碼在你的風格css文件

.gm-style-iw + div { 
    left: 12px !important; 
    right: unset !important; 
} 

.gm-style-iw + div + img { 
    left: 0 !important; 
    right: unset !important; 
} 
+0

最好的,它爲我工作,謝謝! – tinyCoder