google-maps - 将关闭按钮移到左侧 google maps api

Question

我想将 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: "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
});

Answer 1

在您的样式 css 文件中添加此 css 代码

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

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

Answer 2

您可以使用 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
});

Answer 3

在 2018 年 12 月，来自tohid dadashnezhad的这个解决方案仍然可以使用轻微的更改按钮而不是 div

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

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