javascript - 谷歌地图信息窗口移动整个 map

标签 javascript css google-maps google-maps-api-3 infowindow

在我的谷歌地图中,​​当信息窗口打开时,它总是在标记的顶部打开,当标记位于容器的边界线时,它会移动整个 map 。 (http://www.advantarealty.com/Search//Condo,Single-Family-Home,Townhome_PropertyType/True_ForMap/)

为了防止这种情况,我使用了 infowindow 的 disableAutoPan 属性来防止 map 移动。但问题是它总是在标记顶部打开信息窗口,因此当标记位于顶部时,它并不完全可见。

我想做类似 http://www.zillow.com/homes/for_sale/days_sort/39.088235,-76.686287,38.720073,-77.3592_rect/10_zm/ 的事情它确定在哪里打开信息窗口(标记的顶部或底部)

仅供引用:我已经尝试过 Preventing Google Maps Move After Displaying Infowindow等相同。

最佳答案

google.maps.Infowindow 始终在特定位置的顶部打开,没有选项可以更改此行为。

要实现这一目标,您必须计算标记与 map 边缘之间的距离,并实现在所需位置打开的自定义信息窗口(覆盖)。应该可以通过使用例如InfoBox

关于javascript - 谷歌地图信息窗口移动整个 map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31199264/

相关文章:

javascript - getElementsByClassName 找不到 uls

css - 在 Angular ui-src中以大写代码转换

google-maps - Google 热图未正确显示数据点

javascript - 为什么谷歌地图在视网膜上呈现自定义符号非常糟糕?

javascript - 将 redux-persist 与 redux-immutable 一起使用时出错

javascript - 如何分析meteorjs 性能

javascript - 映射和拼接给出空而不是空

javascript - Bootstrap 字形不显示

html - 有没有办法只为 child 而不是孙子申请 css?

css - Google map 信息窗口太宽