问题标签 [infobox]

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 回答
7367 浏览

jquery - 谷歌地图关闭信息框

打开另一个信息框时,我需要关闭一个信息框。我已经看到了很多关于这个的线程,我已经尝试了我读过的所有东西,但没有运气。

我认为我的问题不是信息框的全局变量,但是在我做了一个之后仍然没有运气。但是如果你点击地图,它会关闭所有的信息框,所以不确定为什么会这样,但当你点击另一个标记时却不行?

这是我当前的 JS:

0 投票
0 回答
914 浏览

google-maps-api-3 - 避免信息框重叠 - 谷歌地图 v3

我在谷歌地图上显示巡航路线,并用信息框标记每个港口。不幸的是,这些信息框经常重叠。如何避免这种情况?

我已经尝试过 spiderfy,但它不适合这种情况。

更改地图的缩放级别也不是一种选择。理想的情况是一个插件或类似的东西,可以在创建时识别重叠的信息框并重新排列它们。但是,我无法在任何地方找到这样的东西。

第二种可能性是通过 javascript 更改位置,但由于我缺乏 javascript 和谷歌地图的专业知识,我无法实现这一点。我也没有找到可以破解的示例。

将不胜感激一些正确方向的信息/建议/指针。

谢谢 MK

这是我的代码:

要将标记和信息框添加到地图,我调用此函数:

}

0 投票
2 回答
3812 浏览

google-maps - 单击标记时谷歌地图弹出信息框

我正在使用这个谷歌地图脚本。如果我想在单击标记时弹出一个信息框,我该怎么办?

您可以在这里尝试脚本:http: //clark-kim.se/preview/googlemaps2.html

我无法发布所有代码,但至少这是脚本:

0 投票
1 回答
602 浏览

google-maps-api-3 - 在 infobox.open 上的谷歌地图信息框中显示动态背景图像

我正在尝试将背景图像添加到谷歌地图信息框内容内的 div 中。我遇到了问题,因为我用来更改 .css('background-image') 的函数无法识别 div 的 ID。这可能是因为打开信息框时内容字符串尚未被 DOM 加载。我知道我必须添加一个监听“domready”或类似的事件,但我不确定如何实现它。这是有问题的代码:

0 投票
0 回答
591 浏览

google-maps - IE8 中的 Google Maps V3 和信息框

通过在除 IE8 及以下版本之外的所有浏览器中单击,我的信息框工作正常,它显示错误:SCRIPT438:对象不支持属性或方法“setContent”,我无法真正理解,因为它在其他浏览器中显然有效。有问题的代码部分:

有任何想法吗?谢谢!

0 投票
2 回答
1968 浏览

jquery - 单击另一个时关闭信息框(Google Maps API v3)

我正在开发一个带有谷歌地图的应用程序,它应该在地图上显示几个类别。现在我想有可能从几个类别中添加标记并在必要时删除它们。

我正在使用信息框插件,它可以自定义 Windows 信息框。你可以在这里找到

我的问题。当您单击另一个标记时,我希望关闭一个信息框。不过,我不知道该怎么做。这是我用于标记上的单击事件的代码。

代码

任何人都可以帮助我吗?

0 投票
2 回答
85 浏览

javascript - 多个标记 - GoogleMapsAPI 3

一开始我想说,1.我的英语不是最好的(我来自德国(但我希望你能理解我想说的:) 2.我知道有很多这样的问题是已经在这个论坛中了,但我真的是 javascript 的新手等等,所以答案对我没有帮助:/

好的好的,不,我从我的问题开始:)

我有我的 googlemapsAPI,就像下面 文章中给出的答案一样

但现在我想要更多的标记然后 5

我该怎么做 ?

多谢

0 投票
2 回答
2516 浏览

javascript - AngularJS:事件回调不会在谷歌地图本机地图标记上触发

我已经分叉了 AngularUI 的 uiMap 指令,以便将InfoWindow交换为InfoBox并添加MarkerClusters。我对 uiMap -> icMap 进行了一些广泛的更新;最值得注意的是,我将指令逻辑移出控制器,使 uiMap 成为“主”指令)。除了单击本机 MapMarker 不会打开信息框外,我几乎已经完成了所有工作。

认为原因是我没有正确地将点击事件绑定到本机 MapMarker ( ic-map.js:163 )。

在我重新组织 uiMap 之前,我只是在map.jsicMapInfoBox中添加了一个指令。它的open事件由以下人员注册/触发:

它调用了在其控制器中定义的openMarkerInfo()(从我的仓库复制/粘贴:GitHub Gist)。

但是,现在当我单击本机 MapMarker 时,什么也没有发生,控制台中也没有错误(但所有其他事件仍然正常触发)。

Original Plunk
Simplified Plunk (removed MarkerClusters)
在这两个 plunk 中,问题可能在于 ic-map.js(列表中的第一个文件)

map.json是数据文件
angular.jsangular-ui.jsinfobox.js是 lib 文件

编辑我注意到这InfoBox.mapundefined; 我猜这与问题有关。

编辑未定义的 InfoBox.map 属性是问题的一部分:在ic-map.js:189上手动调用InfoBox.open有效(模板没有被编译,但这是一个不同的问题),但点击事件仍然没有'不触发InfoBox.open。模板也没有被包括在内。

已解决:我一直在处理marker一个 DOM 对象,而不仅仅是一个 js 对象。将尽快发布解决方案。

0 投票
1 回答
2051 浏览

google-maps - 更新信息框内的内容

我为每个标记使用一个信息框,因为我只希望一次出现一个信息框。

我的问题是:如何在不创建全新信息框的情况下更新信息框的内容?

我不想通过创建一个新的 infoBox 来更新内容,因为这样做会创建一个新的 infoBox 实例,这意味着任何时候都可以打开多个 infoBox。

是否有任何可用的 setContent 方法或某种强制 infoBox 更新内容集的重绘方法?

0 投票
1 回答
3192 浏览

google-maps - 信息框谷歌地图

我需要为每个信息框添加自定义标记,还需要信息框显示 onclick 我该怎么做?

希望有人可以提供帮助,我是自定义谷歌地图的新手。

这是网站的链接http://voycomiendo.com/index2.html

这是我的代码: