【问题标题】:How can I display an InfoWindow beyond the edge of a Google Map?如何在 Google 地图边缘显示信息窗口?
【发布时间】:2011-11-07 23:23:22
【问题描述】:

当地图元素悬停时,我正在显示 InfoWindow 弹出窗口(使用 InfoBubble,一个由一些开源坏蛋实现的可样式化子类)。如果地图上的东西在边缘,那么 InfoBubble 将被截断。

当然,有 autoPan 选项,但由于不断平移,这会使性能变差。相反,我想:

  1. 让 InfoWindow / InfoBubble 的内容可见,即使它超出地图边缘,或者
  2. 根据边缘的位置智能切换信息窗口的位置和尺寸。

选项 2 不是我现在想要编码的内容。

有人知道实现选项 1 的方法吗?

(谷歌地图 API v3)

【问题讨论】:

    标签: google-maps google-maps-api-3 infowindow infobubble


    【解决方案1】:

    我会尝试在包含信息气泡的 div 上设置高 z-index(比如 1000)。

    【讨论】:

    • 我不认为这会起作用,因为谷歌地图会将所有内容都包装在具有溢出的div中:隐藏; ...我确实尝试过 z-index
    【解决方案2】:

    我想我解决了这个问题……不使用信息气泡。我制作了一个自定义信息气泡,它只在我想要的位置显示了一个常规 DOM 节点(一个 div)。因此,它不受位于地图窗格内的限制。

    您可以在https://givelocal.drivetoendhunger.org/stats 上看到结果(当您将鼠标悬停在地图上时显示的弹出窗口不是“信息气泡”)。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-02-24
      • 1970-01-01
      • 2016-01-20
      • 1970-01-01
      • 2016-12-21
      • 2012-02-18
      相关资源
      最近更新 更多