javascript - 如何将 Google map 信息框居中

Question

按照 documentation 中的示例，他们使用 PixelOffset 将 InfoBox 居中:

"The pixelOffset is set to (-140, 0) so that the InfoBox is centered appropriately."

pixelOffset: new google.maps.Size(-140, 0)

问题是，我的 InfoBox 总是通过 setContent() 更改内容，因此总是更改宽度。

我应该如何将 InfoBox 置于标记上方？

Answer 1

boxStyle 宽度为 280 像素。

boxStyle: { 
          background: "url('tipbox.gif') no-repeat"
          ,opacity: 0.75
          ,width: "280px"
         }

140px 是其中的一半。如果 InfoBox 的大小是动态的，您必须在某个地方渲染它(它将继承正确的 CSS)，等待它渲染，检索大小，然后将 PixelOffset 设置为其宽度的一半。