问题标签 [infowindow]

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 投票
2 回答
17464 浏览

javascript - 从 Google Maps (V3) 外部打开特定标记的 infoWindow

我似乎无法解决这个问题:

我有一张带有(很多)标记(公司)的地图,这些标记(公司)来自生成的 XML 文件。在地图下方,我想显示地图上显示的所有公司的(非 JavaScript 生成的)列表。当我单击列表中的一家公司时,地图将平移到该特定标记并打开一个 infoWindow。问题是我希望地图和列表是两个独立的东西......

解决这个问题的正确方法是什么?谢谢!重要的是所有标记信息都是动态的......

按照 Michal 的建议,我尝试了以下方法,但遇到了两个问题:我的控制台告诉我markers[index].getPosition is not a function,我列表中的第一项显示为undefined. 你能帮忙吗?

0 投票
3 回答
9652 浏览

google-maps-api-3 - Google Maps v3 中的多个标记信息窗口

我已经测试了大约 1 个小时。但由于某种原因,我无法让它工作,为每个标记显示另一个信息窗口文本。单击它们中的每一个,将打开一个新的信息窗口(旧的将被关闭,这很好),但窗口内的文本始终是我在最后一个标记中设置的文本:

我在这里看到了一些解决方案,但它们似乎都不适合我。我真的很感谢你的帮助!

在线演示

0 投票
2 回答
2859 浏览

jquery - 谷歌地图信息窗口没有显示应有的标签

几周前我的信息窗口显示标签还不错..现在它不再显示了...

事实上,代码使用 JQuery.. 在此链接http://code.google.com/p/gmaps-samples-v3/source/browse/trunk/infowindow/tabs.html?r=78上找到代码

我已经包含了所有的 JQuery 库,包括 CSS 文件.. 出了什么问题?...令我困惑的是,它工作了很长一段时间后突然停止了..到底发生了什么?

任何帮助,将不胜感激:)

0 投票
1 回答
622 浏览

javascript - 信息窗口在同一个标​​记处打开!

好的,我有这个代码,它为我从数据库中获取的每个位置调用,问题是每当我点击一个标记时,信息窗口都会显示相应的标记信息,但信息窗口的位置总是最后一个添加了标记,简而言之,信息很好,但没有显示它应该在哪里。

这两个是在地图初始化时声明的,并且是全局的。

这是脚本

标记的数量取决于根据 sql 查询获取的数据这是 php 脚本

0 投票
1 回答
1623 浏览

google-maps - 加载时打开谷歌地图信息窗口的url参数?

我有一系列指向谷歌地图上特定地址的链接。其中一些地址带有带有信息窗口的标记。是否有任何查询参数可以添加到 url 以在加载时自动打开此信息窗口?

目前我的hrefs看起来像这样:

0 投票
5 回答
15882 浏览

google-maps-api-3 - 获取 Google Maps v3 以调整 InfoWindow 的高度

当我单击标记并出现 InfoWindow 时,如果内容的长度长于 InfoWindow 默认高度 (90px),则高度不会调整。

  • 我只使用文本,没有图像。
  • 我试过maxWidth。
  • 我检查了继承的 CSS。
  • 我已经将我的内容包装在一个 div 中,并将我的 CSS 应用到其中,包括一个高度。
  • 我什至尝试使用 InfoWindow 上的 domready 事件强制 InfoWindow 使用 jQuery 调整大小。

我只剩下几根头发了。这是我的 JS:

InfoText 和 Address 来自 XML 文件的 AJAX 查询。数据不是问题,因为它总是正确地通过。在检索和格式化数据后调用 codeAddress()。

文件中的 HTML:

我的 InfoWindow 内容的 CSS(没有其他 CSS 适用于地图):

0 投票
1 回答
3274 浏览

javascript - 谷歌地图 api v3 标记点击不起作用

不确定问题出在哪里,几个月前我使用 API 的 v3 创建了一个带有自定义标记的谷歌地图。信息窗口当时正在工作。

我一直在将它移植到一个新站点上,无法打开信息窗口,创建点击事件时,js 会在正确的点发出警报,但点击事件没有触发我所能做的就是拖动地图,所以我看了看我做的最后一个网站,现在也不在那里工作。

所以不知道如何解决这个问题,我必须创建信息窗口的代码如下:

也许我不知道的api发生了一些变化?

可以在以下位置看到测试页:http ://www.disposalknowhow.com/locator.php 在定位器中使用以下命令获取结果:

类型:电气/电子 - 项目:计算机 - 半径:100 - 邮政编码:n11hl

我以前做的那个也不起作用现在可以在以下位置看到:http ://www.focus-on-plants.com/locator_iconed.php (可以在表格中使用任何参数)

更新:

回复特雷菲的回答:

信息窗口是在我创建地图时定义的:

0 投票
1 回答
1238 浏览

google-maps - 通过 Google Maps API V3 生成的地图在信息窗口中显示 Google Place Page 数据

我有一张地图可以很好地通过我想要的标记,并且能够让信息窗口显示自定义内容。

不过,我想要的是让默认的 google 位置页面信息显示在信息框中,就像您在 maps.google.com 上找到的那样。这里的例子

我使用 Maps API 而不是嵌入的唯一原因是我们需要将地图控件移出左上角。如果有办法嵌入地图并移动控件,那就太好了!否则,我需要能够将 Place 内容拉入我正在生成的信息窗口中。我的代码如下。

谢谢!

0 投票
1 回答
2515 浏览

javascript - Google Maps API - 无法点击信息窗口中的链接

我在 Javascript 中的 GoogleMaps API v3 中的 InfoWindow 有问题。我已经成功创建了一个信息窗口,我可以在里面设置任何内容,但我想在里面放一个超文本链接。它工作正常,我通常将标签添加到 setContent() 方法,并且链接正确显示在窗口中。不幸的是,它是不可点击的——它附有一个正确的链接,但是当我点击它时,什么也没有发生。当我通过右键单击它并选择“在新窗口中打开”时,它工作得很好。任何人都可以在这里找到问题吗?我有一个简单的代码如下:

然后我在创建标记的事件中触发它(对标记工作正常):

“地图”和“标记”都很好。

0 投票
1 回答
591 浏览

google-maps - 从外部链接 google maps api v3 关闭活动信息窗口

我正在开发一个集成了谷歌地图的网站。 http://www.ecompanies.nl/pilot/webdesign/breda.html

可以通过单击地图标记或右侧列出的项目中的标题链接来打开信息窗口。如何在打开新信息窗口之前关闭活动信息窗口(通过单击地图标记或标题链接)?

提前致谢。非常感谢任何帮助。