问题标签 [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.

0 投票
1 回答
2311 浏览

javascript - 此处的信息气泡地图不起作用

我一直在尝试弹出一个信息气泡,但它根本没有弹出,也没有抛出任何错误。我在以下代码中遗漏了什么吗?

索引.html

控制器.js

似乎正在执行 open Bubble 方法,因为本节中会弹出所有警报,但 ifo 气泡似乎没有以任何方式出现。

有人知道为什么这段代码会这样吗?

0 投票
0 回答
522 浏览

jquery - 谷歌地图标记针跳转到集群位置问题?

我面临一个关于谷歌地图单标记针位置的奇怪问题。我到底怎么了?我正在使用 infobubble.js 和 gmap3.js 在 Google 地图上创建带有信息窗口的集群标记。每件事都运行良好,但我面临的一个问题是,当我单击群集时,信息窗口在当前单击的群集上打开,这是正确的,但是当我单击单个标记引脚然后单击群集时,单个标记引脚会跳转到当前点击的集群。

工作小提琴是点击这里 现场网站:点击这里

信息气泡js:

我使用这段代码初始化这个js

请帮我解决这个问题。谢谢

0 投票
1 回答
435 浏览

infobubble - 谷歌地图信息泡泡中的代码第一次不起作用

在 infoBubble Google 地图中,我添加了一个函数,但是第一次打开 infoBubble 时,代码不起作用,如果我打开第二个 infoBubble 或关闭第一个并重新打开,代码会起作用。请帮忙。这是我的页面

0 投票
2 回答
799 浏览

jquery - 谷歌地图信息气泡动态内容未在第一次标记点击时加载

我正在尝试在 google maps infobubble中添加动态内容:
-第一个标记单击一个空的 infobubble 出现
-在第二次单击标记时加载正确的内容

根据这个答案,我正在使用domready先前定义的 infobubble 对象上的事件来启动加载动态内容的函数。
...尽管该答案中的 JS 小提琴具有误导性,因为“动态”内容实际上是在domready使用调用content选项之前加载的new InfoBubble()

我在控制台中收到了所有正确的信号,表明该domready功能正在完成,并且在第一次标记点击时正确找到了内容。

试过:

  • 查看infobubble.js 代码并将 console.logs 放在第 1231 行的任一侧:
    google.maps.event.trigger(this, 'domready');
    结果表明 domready 确实在动态函数开始之前被触发。

  • 使用 infobubbledisableAnimation: true选项禁用动画 - 认为在调用 domready 后可能会减慢 infobubble 加载 - 但它没有用

  • 最多增加setTimeout()3 秒,但这似乎无济于事……无论如何,这将是一个糟糕的 hack。

如何在第一次单击标记时加载动态内容?

JS小提琴在这里

注意:
- 对于 js fiddle 示例,我正在使用$.get()调用 - 因为在我的应用程序中,我使用 mustache 将模板加载到 infobubble
- 正在加载的示例内容与调用无关$.get()(是的,我可以实现没有$.get()电话也一样)但我只是想对我自己的应用程序使用类似的代码布局+时间

0 投票
1 回答
323 浏览

html - 信息气泡中 div 外的图像

我正在研究 Google Map 并使用InfoBubble库显示一个 InfoWindow。我的问题是,当我使用 CSS 属性显示外部 div 的图像时,它显示的是 div 内的一半图像。

这是我的 CSS 代码:

和 JavaScript:

上面的代码导致:

在此处输入图像描述

我怎样才能解决这个问题?

0 投票
1 回答
319 浏览

html - 自动平移地图,使信息窗口完全可见

当用户从谷歌地图触发点击事件时,我正在设置标记以放置屏幕中心。但是问题来了,信息窗口内容在视口中不完全可见,如下图所示。我如何通过代码自动平移地图,以便信息窗口在视口中完全可见。我禁用了信息窗口内容中的滚动。

视口内未显示一半内容

0 投票
1 回答
2609 浏览

html - 响应式 CSS 语音气泡

我创建了以下气泡,以向网站上的人们显示有用的提示。它可以工作,但没有响应,并且较长的评论会在某些移动设备上从屏幕右侧流出。

我怎样才能让它响应?

目前看起来像:
我的讲话泡泡

0 投票
1 回答
786 浏览

android - Android Here-API:如何将按钮添加到 Here maps infobubble

是否可以在此处地图信息气泡中添加按钮。我在这里检查了 Android maps api,但没有发现任何有用的东西。只是想知道是否有人以前尝试过这个?

谢谢

0 投票
1 回答
489 浏览

android - Android HERE SDK。如何将信息气泡添加到 MapPolyline

我对 HERE 地图 SDK 中的 infobubble 有疑问。我的应用程序正在绘制 MapPolylines 并在地图上进行布局。我需要的是当我单击其中一条折线时如何添加信息气泡。

我正在尝试扩展 MapMarker 的功能并做了一些实现,但这是不可能的。

提前谢谢你的帮助。

0 投票
0 回答
210 浏览

javascript - 谷歌地图,带有 MarkClusterer 的 Infobubble(zIndex 修复)

我希望信息气泡一直显示在标记旁边。当我对它们进行聚类时,尽管标记被隐藏,信息气泡仍出现在前面......有没有办法将其发送回标记内?

这是正在发生的事情的图像

在此处输入图像描述

这可能是因为“floatPane”,请提供一些关于修复的想法

代码