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

时间:2016-06-07 13:27:50

标签: javascript google-maps google-maps-api-3 marker infowindow

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

google maps api中有一个关于pixelOffset的部分可能会有效但我只是没有得到它。 这个像素偏移,在哪里完全是0?如果你缩小怎么办? 我似乎无法弄清楚这个pixelOffset是如何工作的,如果真的是我需要把infowindow放在标记下面。

所以我的问题一般是:有人知道如何将谷歌地图infoWindow放在标记下面吗?我需要pixelOffset吗?或者这是完全不同的东西吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

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

你想要的是对infowindow的更多控制,你不会使用google.maps.InfoWindow类来获得它。有一个名为InfoBox的库,它支持与infowindow相同的功能,但具有更多功能,可以更好地进行自定义。

检查this tutorial,作者展示了与您想要实现的功能非常相似的功能。基本上,您将为信息infowindow创建自己的结构,包括自己的箭头。只使用HTML和CSS。更多内容在教程中。

另外一件事,在博客帖子上打破了信息框库的链接,因为它最近被移动到github,你可以找到它here。从那里将其下载到您的项目(infobox.jsinfobox_packed.js,这是缩小版本。)