问题标签 [infobubble]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
google-maps - 如何在 Google 地图边缘显示信息窗口?
当地图元素悬停时,我正在显示 InfoWindow 弹出窗口(使用 InfoBubble,一个由一些开源坏蛋实现的样式化子类)。如果地图上的东西在边缘,那么 InfoBubble 将被截断。
当然,还有 autoPan 选项,但由于不断平移,这会使性能变差。相反,我想:
- 让 InfoWindow / InfoBubble 的内容可见,即使它超出地图边缘,或者
- 根据边缘的位置智能地切换信息窗口的位置和尺寸。
选项 2 不是我现在想要编码的。
有人知道实现选项1的方法吗?
(谷歌地图 API v3)
javascript - 如何在谷歌地图 api v3 中使用 infobubbles() 和标签显示多个标记?
我正在使用 google maps api v3 和 InfoBubbles 插件。我正在尝试用多个标记填充地图。每个标记都有一个 InfoBubble,单击时会打开。这些 InfoBubbless 有标签(最多 3 个标签),每个标签都有自己的内容和 html。
我怎样才能让标记与他们的标签和信息气泡一起显示在地图上。
我目前正在将信息气泡和标记设置为数组,并使用公共函数来处理点击,同时传递索引。
和标记点击功能:
google-maps-api-3 - 谷歌地图 InfoBubble 标签重置
对于任何熟悉信息气泡的人。有没有办法在气泡关闭时重置我所在的选项卡?
例如,弹出一个带有 3 个选项卡的气泡,我进入 3 号选项卡,然后关闭气泡。当我再次打开它时,它又回到了标签号 1。
这就是我想要发生的事情:)
javascript - Google Maps InfoBubble pixelOffset(从标记上方的默认位置移动)
我正在尝试实现一个自定义 infoBubble,它的框打开到标记的一侧,而不是顶部的默认位置。事实证明,这比预期的要难。
使用普通的 infoWindow,您可以使用 pixelOffset。有关文档,请参见此处
使用 infoBubble 似乎并非如此。无论如何在 infoBubble 中使用 pixelOffset,或者可以做同样的事情?
我发现这很难搜索,因为使用这样的谷歌搜索不会返回任何相关结果谷歌搜索
以下是我一直在使用的所有资源。
这里是 infoBubble 的示例。
我的 JavaScript 在这里设置地图和 infoBubble 。
现在我的 javascript 在这里,以防 jsfiddle 链接损坏。
更新
为了帮助回答这个问题,我在这里整理了一个测试用例。重要的行是第 38 和 39 行,它们应该指定放置标签的位置。
更新 2
为了获得赏金,我需要查看一个 infoBubble 的示例,该示例的位置远离标记上方的默认位置。最好在标记的右手边。
更新 3
我已从更新 1 中删除了测试用例,因为它托管在我旧公司的服务器上。
javascript - InfoBubble 打开特定选项卡
在 JavaScript 中,我发现了一个用于 google maps API v3 的简洁小插件,名为InfoBubble。它在使高度定制的信息窗口变得容易方面做得很好。我似乎在那里找不到的是如何通过函数调用而不是单击选项卡按钮打开特定选项卡。我尝试了 setTabActive(index) 这是插件的功能之一,但它似乎不起作用。我是否遗漏了一些明显的东西,或者不仅仅是在 js 文件中挖掘正确的功能?
作为参考,这是我的代码:
即使使用该代码,每次都会打开第一个选项卡。任何想法将不胜感激。
编辑:实际上,我在这里发布后就自己解决了这个问题......在仔细查看代码后,我注意到作者,无论出于何种原因,使用从 1 开始的编号而不是 0。这是一个不错的插件,但肯定需要一些文档.. .
google-maps - InfoBubble z-Index 和 GMap Marker z-index
我正在使用InfoBubble在 GMap 中显示内容。但是 zIndex 似乎不起作用,因为具有较低 zIndex 的 InfoBubble 仍然阻止具有较高 zIndex 的标记,有人遇到类似的问题吗?
GMap 标记:
信息泡泡:
谢谢你。
javascript - 在 Google Maps API V3 中只显示一个 InfoBubble
我以前使用的是 InfoWindow。它正在工作,并且仅限于显示一个信息窗口,即使我单击了许多标记。
但是当我更改它并用 InfoBubble 替换它时,它会显示多个气泡。它不会自动关闭先前打开的气泡,而是保持打开状态,它们似乎把我的地图弄乱了。
我不知道该怎么处理这个问题。这是我的代码。
android - Google Maps API 3 中的可点击信息气泡
再会!我只是想问一下 InfoBubble 是否可以有一个听众。我试图在 div 中插入 InfoBubble 的文本并在那里插入一个 onclick 命令,但没有任何反应。
提前致谢。顺便说一句,我目前正在开发一个 android 应用程序,并使用 webview 来显示地图。
google-maps - 打开新的(gMap v3)时关闭打开的InfoBubble
我不知道该怎么办......infoBubbles
如果我要打开一个新的,我只想关闭所有打开的。我正在使用以下代码。想法?我尝试了很多,google了很多,但它不应该那么复杂,不是吗?我想创建一个数组并为打开的数组保存 id,但我认为必须有另一种更简单的方法来解决这个问题。