目前,我正在一个网站上工作,希望将信息窗口放在标记下方。 默认情况下,当您有地图并单击标记时,信息窗口将显示在该标记上方,箭头指向该标记。我想改变它。
在google maps api中有一个关于pixelOffset的部分可能会有效但我只是没有得到它。 这个像素偏移,在哪里完全是0?如果你缩小怎么办? 我似乎无法弄清楚这个pixelOffset是如何工作的,如果真的是我需要把infowindow放在标记下面。
所以我的问题一般是:有人知道如何将谷歌地图infoWindow放在标记下面吗?我需要pixelOffset吗?或者这是完全不同的东西吗?
谢谢!
答案 0 :(得分:1)
可以使用pixelOffset
属性调整偏移量,但我不认为这是你想要的,因为箭头总是指向下方,而不是向上指向标记
你想要的是对infowindow的更多控制,你不会使用google.maps.InfoWindow
类来获得它。有一个名为InfoBox
的库,它支持与infowindow相同的功能,但具有更多功能,可以更好地进行自定义。
检查this tutorial,作者展示了与您想要实现的功能非常相似的功能。基本上,您将为信息infowindow创建自己的结构,包括自己的箭头。只使用HTML和CSS。更多内容在教程中。
另外一件事,在博客帖子上打破了信息框库的链接,因为它最近被移动到github,你可以找到它here。从那里将其下载到您的项目(infobox.js
或infobox_packed.js
,这是缩小版本。)