问题标签 [infobubble]

我正在使用谷歌地图 v3 进行编码。我想添加 jQuery 并将事件处理程序附加到 infoBubble（我在这里得到的可定制的 infoWindow jscript 扩展）。

具体来说，我想让用户点击 infoBubble 中的链接并使用 jQuery-UI 弹出一个对话框。对话框将提示用户输入，随后将存储在 MySQL 中。

我已经坚持了一个月。这是我最接近的事情：

将事件处理程序附加到谷歌地图信息气泡内的元素

下面是我用于创建地图标记的 javascript 函数：

（注意：这个想法是如果将事件处理程序附加到 infoBubble 有效，我会function() {alert("hi!");}用 jQuery-UI 表单替换。但它不起作用。我尝试使用“ var str = 'onClick=formPopUp()';”但 javascript 不支持具有多个条目的提示对话框表单.另外，我真的不知道如何在像formPopUp（）这样的javascript函数中调用jQuery-UI。对不起，如果它令人困惑）

我有一个带有单个标记和单个 infoBubble 的谷歌地图。单击标记时会出现信息气泡。问题是信息气泡出现在标记上，而不是在它上面。见截图：

infoBubble 已关闭： infoBubble 已打开： 这是代码，我正在使用地理编码器，因为我只有指定的地址：

任何线索为什么会这样？

成功在地图上添加了标记，不幸的是 infoBubble 什么都没有显示？为什么？
并且在 FireBug 上没有任何错误

更新如何调用函数

更新@Ankit

仍然无法关闭信息窗口，单击标记时出现此错误

我一直在尝试让 Infobubbles 使用地图上的 2 个选项卡，该地图上填充了来自 Mysql 数据库的标记和 ajax 调用。

问题是每个 infobubble 在选项卡中显示相同的内容，从添加的最后一个标记开始。这是整个js脚本，非常感谢任何帮助。

我正在使用Gmap3带有插件和 php 的 jQuery 插件infobubble来获取 json 响应以添加标记。

我已经使用插件addMarkers选项添加了 GoogleMap 标记。Gmap3

第一次尝试时一切正常，但是当我点击标记时，信息气泡不断弹出。

意味着如果我有一个标记和一些要在气泡中显示的内容，那么当我继续单击相同的标记时，信息气泡会在另一个标记上添加一个，但是我需要“如果再次单击标记或单击其他标记，我需要关闭旧的信息气泡”就像正常一样信息窗口剂量。

希望我能说清楚一点。

谢谢。

我刚刚完成了一张地图，并希望内容字符串从我的 js 文件中获取数据以添加到标记的信息框中。我让它在一个简单的infoBubble.setContent('<b>'+data.description+'</b>'+'<br>'+data.name);查询下工作。但现在我创建了选项卡并要求每个选项卡从 map.js 文件中读取不同的数据。

到目前为止我的代码：

我的 js 文件示例：

基本上让 contentString 寻找“描述”让 contentString2 寻找“名称”，而 contentString3 寻找“纬度”和“经度”

很想知道这个。

干杯

我在 EXT JS 中遇到问题，当添加 infobubble 选项卡时，选项卡变为垂直对齐，我想变成原来的水平对齐，我认为是 EXT JS CSS 问题，有什么想法修改它吗？

http://jsfiddle.net/anthor/vgxaV/3/

这是原始信息泡泡

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html

我正在尝试制作一个动画信息语音气泡（我在这里找到了气泡的 css：http: //nicolasgallagher.com/pure-css-speech-bubbles/），每次我的鼠标悬停在链接上时，我都会创建一个 div infoBubble，当鼠标离开这个 div 时，我使用 .remove() 删除它。但是，当我将鼠标从一个链接快速移动到另一个链接时，.remove() 似乎不适用于第一个 buuble。

我的 jQuery 代码是：

这里有一个小提琴：http: //jsfiddle.net/malamine_kebe/YmKT4/

非常感谢您的帮助...

I am parsing data from a XML file that plots the markers location and that part works great. I am trying to add information to the info box via HTML with info from the XML file. This is how it is suppose to look.

http://www.mesquiteweather.net/images/Annual%20Fatal%20Tornado%20Summaries.png

But if you go to my test page and click on a marker it doesn't show up that way.

http://www.mesquiteweather.net/xml/googlemapkt.html

This is the code I have that I am trying to produce the info box.

I think it has something to do with the last function at the end but that is where I am stuck because I know it isn't right and I have tried everything. I am still in the process of learning the new Gmaps as I haven't used them in years.

Any suggestions or advice would be great!

-Thanks!