Javascript 如何将谷歌地图信息框居中

Javascript 如何将谷歌地图信息框居中,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,根据中的示例,它们使用pixelOffset将信息框居中: “pixelOffset设置为(-140,0),以便信息框居中 适当地。” 问题是,我的信息框总是通过setContent()更改内容,因此总是更改宽度 如何将信息框置于标记上方的中心?框样式的宽度为280px boxStyle: { background: "url('tipbox.gif') no-repeat" ,opacity: 0.75 ,width: "280px

根据中的示例,它们使用pixelOffset将信息框居中:

“pixelOffset设置为(-140,0),以便信息框居中 适当地。”

问题是,我的信息框总是通过
setContent()
更改内容,因此总是更改宽度


如何将信息框置于标记上方的中心?

框样式的宽度为280px

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

140px是其中的一半。如果信息框的大小是动态的,您必须在某个地方渲染它(在那里它将继承正确的CSS),等待渲染,检索大小,然后将像素偏移设置为其宽度的一半。

boxStyle宽度为280px

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

140px是其中的一半。如果信息框的大小是动态的,你必须在某个地方渲染它(在那里它将继承正确的CSS),等待渲染,检索大小,然后将像素偏移设置为其宽度的一半。

哇,这太麻烦了,难怪传单存在。您的解决方案工作得很好,尽管渲染第一个div非常瘦。我在地图上添加了一个空白的,然后设置内容(content),然后在“content\u changed”的监听器中让信息框可见。哇,这太麻烦了,难怪有传单。您的解决方案工作得很好,尽管渲染第一个div非常瘦。我将一个空白的添加到映射中,然后设置内容(content),然后在“content\u changed”侦听器中使信息框可见。