Question

我想将x按钮移动到infowindow的左上角。

这可能吗？如果没有，我可以以某种方式禁用它吗？

我使用infoBox

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

将关闭按钮移动到左侧谷歌地图api

3 个答案: