Javascript 将谷歌地图信息窗口放置在标记下方(带像素偏移?)
目前,我正在一个网站上工作,它是想把信息窗口下的标记。 默认情况下,当您有一个地图并单击一个标记时,信息窗口将显示在该标记上方,箭头将其指向该标记。我想换一下 在这本书中,有一节是关于像素偏移的,可能有用,但我就是不明白。 这个像素偏移量,在哪里会完全为0?如果你缩小镜头呢。 我似乎不知道这个像素偏移是如何工作的,如果它真的是我需要把信息窗口放在标记下面的东西 所以我的问题是:有人知道如何将谷歌地图信息窗口放置在标记下方吗?我需要像素偏移还是完全不同Javascript 将谷歌地图信息窗口放置在标记下方(带像素偏移?),javascript,google-maps,google-maps-api-3,marker,infowindow,Javascript,Google Maps,Google Maps Api 3,Marker,Infowindow,目前,我正在一个网站上工作,它是想把信息窗口下的标记。 默认情况下,当您有一个地图并单击一个标记时,信息窗口将显示在该标记上方,箭头将其指向该标记。我想换一下 在这本书中,有一节是关于像素偏移的,可能有用,但我就是不明白。 这个像素偏移量,在哪里会完全为0?如果你缩小镜头呢。 我似乎不知道这个像素偏移是如何工作的,如果它真的是我需要把信息窗口放在标记下面的东西 所以我的问题是:有人知道如何将谷歌地图信息窗口放置在标记下方吗?我需要像素偏移还是完全不同 谢谢 可以使用pixelOffset属性调整
谢谢 可以使用
pixelOffset
属性调整偏移量,但我认为这不是您想要的,因为箭头总是指向下方,而不是指向标记上方
您想要的是对infowindow的更多控制,而使用google.maps.infowindow
class无法实现这一点。有一个名为InfoBox
的库,它支持与infowindow相同的功能,但有两个以上的特性,允许更好的自定义
检查,作者正在演示与您想要实现的功能非常相似的功能。基本上,您将为信息窗口创建自己的结构,包括箭头。只是使用HTML和CSS。更多信息请参见教程
还有一件事,blogpost上的infobox库链接被破坏了,因为它最近被移动到github,您可以找到它。从那里下载到您的项目中(作为缩小版的infobox.js
或infobox\u packed.js
)