问题标签 [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 投票
3 回答
1366 浏览

javascript - 如何使用 Javascript 调整 Google Maps v3 中推文的 infowindows 大小

我正在尝试在 Google 地图的信息窗口中添加一些推文。我让推文显示在我的信息窗口内容的 div 中,但它的大小错误。

我想通过在单击标记时调用' content_changed ',信息窗口会调整大小 - 它不会。

我敢肯定这很简单,有人可以帮助我吗?

谢谢,

詹姆士

0 投票
4 回答
2093 浏览

javascript - JavaScript google maps API - 一次打开一个信息窗口..

这个问题与谷歌地图 API v3 中的信息窗口有关。

目前我循环这个函数并放置标记..

现在我想添加一个具有独特 HTML 的信息窗口,但是我想要以下行为..

当信息窗口被事件打开时,任何当前的信息窗口都将关闭,只留下新的信息窗口。

这可能吗?我该怎么做?事实证明,很难找到有关此问题的文档。

0 投票
1 回答
3884 浏览

jquery - 在 Google Map InfoWindow 中使用 jQuery Live 注册的单击事件

我正在使用此处描述的技术Click event in Google Map InfoWindow not catch将单击事件处理程序动态添加到添加到 Google Map InfoWindow 的某些内容中。除了在 IE 中工作得很好。

我有带有普通锚标签的内容,这些链接工作得很好。

我有一个带有 jQ​​uery(实时)点击处理程序的锚标记读取 id 以触发其他操作,它在 IE 中什么也不做。Chrome/FF 等工作得很好。我已经尝试使用 div 和 span 而没有改变行为。

有任何想法吗?

编辑: 这是谷歌地图 v2(我知道它已被弃用)并且在 IE 7 或 8 中不起作用。在这个项目上没有使用 IE6。

编辑: 这是一个 repos 行为的示例代码。

0 投票
1 回答
20378 浏览

google-maps - 在 Google Map InfoWindow 中更改背景颜色

我希望我的 Google Map 实现中的 InfoWindows 具有黑色背景色。“backgroundColor”不是 InfoWindows 的可用选项。见这里

我在内容选项中放置了一个带有黑色背景和白色文本的 div 标签。但是,它仍然呈现白色边框。

有谁知道获得完全黑色背景的方法?

感谢您提前提供任何帮助。

0 投票
1 回答
1199 浏览

jquery - Google Maps API:定位、一些奇怪的行为以及如何禁用一些功能

我一直在为客户创建这张地图,但我觉得有点头晕目眩。到目前为止,我已经成功地使用 modx 为地图动态创建了一个标记列表,创建了一个成功运行的自定义图标,并且我已经将它设置为我想要的样式。但是,我正在寻求有关以下方面的帮助:

自定义图标并没有准确指向我想要的位置。我假设 iconAnchor 变量是控制它的东西。那是对的吗?它的值是否只是图标的 x/y 协调?我也想知道我的信息窗口定位在哪里被控制。

当我单击列表中的某个位置时,地图以该位置为中心,但结果,我的信息窗口超出了地图的底部。有没有办法让标记图标出现在地图的左上象限?

我的信息窗口最终将有一个包含大约 10-15 个图像的列表,旁边有文本,我希望信息窗口可以滚动。我已经完成了这项工作,但是当我单击并向下移动滚动条时,一旦松开鼠标,它就会停止滚动,但随后会按住地图-结果,滚动后,地图会随着鼠。知道是什么原因造成的吗?

我最后关心的是加载后地图如何从一个点跳到另一个点。它只显示每个位置片刻,然后跳转到下一个位置。是否可以删除此功能并设置一个显示我所有标记的起始地图区域?

感谢您的任何建议。

我的代码改编自:http ://www.erikwhite.net/gmapjquery.html

这是我当前的代码:

0 投票
1 回答
4279 浏览

google-maps-api-3 - Google Maps API 3 Directions - 将行程持续时间和距离添加到 infoWindow

我现在非常接近这个,但不能完全得到我正在寻找的结果。这是尝试提取一系列地理位置 - 以及标题和文本。然后将这些分配给在谷歌地图上填充的标记。我的最终目标是获取每个标记和“地图中心”标记(如果愿意,可以使用集线器)之间的距离和行程持续时间,并在单击单个标记时将其填充到 infoWindow 中。

到目前为止,我已经了解了这个工作的各个方面,除了在 infoWindow 中正确填充距离/持续时间。我可以使用 innerHTML 成功填充“地图画布”之外的 div。

如果我尝试打印分配的 var 或更改 infoWindow 中 div 的内容,则该功能仅适用于第一次单击事件。之后 infoWindow 显示为空白。这是工作脚本:

文本文件:

{"places": [{ "title": "Cooke City, MT", "description": "TEXT", "lat": 45.02009497, "lng": -109.93234595 }, { "title": "Silver Gate, MT", "description": "TEXY", "lat": 45.00687965, "lng": -109.98979568 }, { "title": "Absarokee, MT", "description": "TEXT", "lat": 45.52004697, "lng": -109.44136186 }, { "title": "Billings, MT", "description": "TEXT", "lat": 45.78333000, "lng": -108.50000000 }, { "title": "Bridger, MT", "description": "TEXT", "lat": 45.28568200, "lng": -108.90821700 }, { "title": "Cody, WY", "description": "TEXT", "lat": 44.52313500, "lng": -109.07561100 }, { "title": "Columbus, MT", "description": "TEXT", "lat": 45.62617100, "lng": -109.25712600 }, { "title": "Gardiner, MT", "description": "TEXT", "lat": 45.03049875, "lng": -110.70471900 }, { "title": "Nye, MT", "description": "TEXT", "lat": 45.43584263, "lng": -109.80859757 }, { "title": "Joliet, MT", "description": "TEXT", "lat": 45.48287830, "lng": -108.97241592 }]}

关于在 infoWindow 中填充持续时间/距离的任何想法?

帮助表示赞赏!

谢谢,

山姆

ps 对于任何丑陋的脚本,我深表歉意。我边走边学,感谢任何关于使这个脚本更高效的想法!

0 投票
1 回答
8428 浏览

google-maps-api-3 - Google Maps Api v3 自定义 InfoWindow - “google 未定义”错误

试图在我的基于谷歌地图的应用程序中创建自定义信息窗口。

下一个示例是我的开发基点之一:

http://gmaps-samples-v3.googlecode.com/svn/trunk/infowindow_custom/infowindow-custom.html

问题是无论我使用这个或其他示例,在 forefox 的萤火虫中我都会出错

你能帮我解决这个问题吗?如果没有自定义信息窗口,我将无法继续我的工作.....

0 投票
3 回答
2128 浏览

javascript - 谷歌地图 api 3 上的信息窗口帮助

与此网站上的其他人有类似的问题,它在所有标记中仅显示最后一个标记的信息窗口信息。似乎无法用给出的任何解决方案来解决这个问题。此外,我的最后一个标记根本没有显示信息窗口。

非常感谢任何帮助!

0 投票
1 回答
1526 浏览

javascript - 如何在谷歌地图上使用 GInfoWindowTab 自定义带有标签的基本信息窗口

我有以下功能可以使用 GInfoWindowTab 在谷歌地图上显示带有标签的信息窗口,默认信息窗口显示有两个标签,我的问题是如何更改信息窗口的大小、背景颜色和样式,我可以将视频添加到一个信息窗口中的选项卡。

0 投票
1 回答
5473 浏览

jquery - 如何将选项卡添加到使用 extInfoWindows 用于谷歌地图的信息窗口

我有以下代码可以在单击标记时在谷歌地图上显示信息窗口我如何将标签添加到使用 extinfowindows 的信息窗口中,任何人都可以帮助找出问题所在。