Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将谷歌地图信息窗口放置在标记下方(带像素偏移?)_Javascript_Google Maps_Google Maps Api 3_Marker_Infowindow - Fatal编程技术网

Javascript 将谷歌地图信息窗口放置在标记下方(带像素偏移?)

Javascript 将谷歌地图信息窗口放置在标记下方(带像素偏移?),javascript,google-maps,google-maps-api-3,marker,infowindow,Javascript,Google Maps,Google Maps Api 3,Marker,Infowindow,目前,我正在一个网站上工作,它是想把信息窗口下的标记。 默认情况下,当您有一个地图并单击一个标记时,信息窗口将显示在该标记上方,箭头将其指向该标记。我想换一下 在这本书中,有一节是关于像素偏移的,可能有用,但我就是不明白。 这个像素偏移量,在哪里会完全为0?如果你缩小镜头呢。 我似乎不知道这个像素偏移是如何工作的,如果它真的是我需要把信息窗口放在标记下面的东西 所以我的问题是:有人知道如何将谷歌地图信息窗口放置在标记下方吗?我需要像素偏移还是完全不同 谢谢 可以使用pixelOffset属性调整

目前,我正在一个网站上工作,它是想把信息窗口下的标记。 默认情况下,当您有一个地图并单击一个标记时,信息窗口将显示在该标记上方,箭头将其指向该标记。我想换一下

在这本书中,有一节是关于像素偏移的,可能有用,但我就是不明白。 这个像素偏移量,在哪里会完全为0?如果你缩小镜头呢。 我似乎不知道这个像素偏移是如何工作的,如果它真的是我需要把信息窗口放在标记下面的东西

所以我的问题是:有人知道如何将谷歌地图信息窗口放置在标记下方吗?我需要像素偏移还是完全不同


谢谢

可以使用
pixelOffset
属性调整偏移量,但我认为这不是您想要的,因为箭头总是指向下方,而不是指向标记上方

您想要的是对infowindow的更多控制,而使用
google.maps.infowindow
class无法实现这一点。有一个名为
InfoBox
的库,它支持与infowindow相同的功能,但有两个以上的特性,允许更好的自定义

检查,作者正在演示与您想要实现的功能非常相似的功能。基本上,您将为信息窗口创建自己的结构,包括箭头。只是使用HTML和CSS。更多信息请参见教程

还有一件事,blogpost上的infobox库链接被破坏了,因为它最近被移动到github,您可以找到它。从那里下载到您的项目中(作为缩小版的
infobox.js
infobox\u packed.js