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

bing-maps - 如何在必应地图中居中显示信息框?

我的代码执行 .pantolatlong 然后执行 .showinfobox

信息框不会出现,除非我删除 pantolatlong。我想它正在阻止它。我尝试将它添加到 endpan 事件,但没有奏效。

平移到图钉并为其显示信息框的最简单方法是什么?

我正在使用 setcenter,但我发现有时 setcenter 平移,这会破坏它。

0 投票
6 回答
56715 浏览

google-maps-api-3 - 在单击 Google Map API V3 时使用 infoWindow 或 InfoBox 触发事件

我想知道当我使用 Google Maps API v3 单击 infoWindow 时如何触发事件。在此示例中,当我单击标记时,会显示一个信息窗口,其中包含一条独特的消息,具体取决于我单击的标记。我还希望能够单击信息窗口并显示一个警报,上面写着

“您点击了(__填写空白位置_)的信息窗口

我发现了一些使用 Google Maps API v2 和 jQuery 的示例,但不仅仅是简单的旧 Google Maps API v3。

更新我最终也为 InfoBox 弄清楚了这一点,这包含在我的答案中。

0 投票
2 回答
5234 浏览

javascript - Unable to add event on Google map Infobox

I am using Infobox with Google Map V3 (attached image). While clicking on Infobox, I want to go to a details page. But I am not able to add a click listener on the infobox. Here is the code I am using:

enter image description here

This is my infobox config:

And I added listener to this infobox like this:

While enableEventPropagation = false, the event doesn't propagate to MAP but no event is working on the infobox.

While enableEventPropagation = true, the events (click, mousedown) works but clicking on other part of the infobox, it takes me to map or another marker.

Any idea how to solve this?

0 投票
1 回答
604 浏览

jquery - 使用 InfoBox 时如何定位 jquery-ui-map 生成的地图

我正在使用jquery-ui-map创建一个谷歌地图实例,如下所示:

然后在脚本的其他地方,我使用InfoBox添加一些样式化的信息框,其中填充了从地理定位服务中提取的数据,如下所示:

“数据”是从地理位置服务返回的对象。如果我在首次创建 gmap 时将上面的“addMarker”代码放在绑定的“init”函数中,则 infoBox 显示正常。当我在其他地方使用“addMarker”代码时,控制台中出现“未捕获的 ReferenceError:未定义地图”错误。

如何正确引用“地图”?看起来我不能这样做var map = $('#CHMap').gmap({//options});,因为“jquery-ui-map”文档建议 gmap 什么都不返回。

0 投票
3 回答
2043 浏览

css - 带有滚动条的 bing 地图信息框

我试图确保信息框弹出窗口内的内容滚动,以便显示所有信息,但是当我尝试使用滚动条在释放鼠标按钮时滚动时,地图会像按住并平移一样粘在这一点上。这是一些要重现的代码:

或者将以下内容粘贴到信息框部分下的必应地图 SDK 中:

然后尝试向下滚动,当您释放时,地图将卡在该位置,就像您按住并平移一样。

欢迎任何建议,谢谢!

0 投票
1 回答
4334 浏览

jquery - 关闭所有其他窗口并保留当前信息框谷歌地图

对不起,我的英语,我说西班牙语,

我的问题是我怎么能只单击一个信息框并关闭其他信息框,如果您选择不同的信息框,它将打开并关闭其他信息框。

这意味着当您单击一个时,它是唯一打开的

0 投票
1 回答
1903 浏览

google-maps-api-3 - Google Maps API InfoBox 插件:一次只显示一个信息框

为了获得自定义信息窗口,我第一次使用谷歌地图 API V3 的 InfoBox 插件。我有带有 google 地方 API 内容的信息框在点击时打开。但是当我单击一个新标记时,以前的信息框不会关闭。我只希望一次打开一个信息框。我试图按照以下问题中的指导进行操作:Google Map V3 - Allow only one infobox to be display at a time in my own code。这是我的代码的相关部分:

不幸的是,我一次仍然有多个信息窗口。还有另一个选项来设置不需要加载另一个脚本的 google API 信息窗口的样式吗?这将在移动网站上运行,如果有办法只使用 CSS3,那将是更可取的。

0 投票
1 回答
1084 浏览

windows-phone-7 - 如何在 Bing 地图、Windows Phone 中切换图钉信息框的显示/隐藏状态?

这是一个简单的应用程序。它显示基于数据绑定的动态多个图钉。

当用户点击图钉时,信息框将显示在上方,如图所示。

在此处输入图像描述

当用户再次点击图钉时。信息框将折叠。

如果用户点击地图中不是图钉的任何区域。所有图钉的信息框都将折叠。

另一件事是;点击信息框时,它将导航到该位置的详细信息页面。

这是我的资源部分。

这是我的地图和 MapItemControl。

问题是我应该在这些事件处理程序中编写什么代码?另一个问题是如何让信息框在被点击时导航到其他页面。

谢谢 !!!

0 投票
1 回答
813 浏览

windows-8 - 必应地图信息框中的超链接会破坏 Windows 8 应用导航状态

我的 WinJS Windows 8 应用程序的页面上有 Bing 地图。

地图有几个图钉,每个图钉都有自己的信息框。单击图钉时,它会正确显示信息框及其内容。内容包含链接到 Windows 8 应用程序中不同页面的超链接。应用程序可以正确导航到此页面,但是后退按钮停止工作,并且也无法访问应用程序栏。(导航到页面通常可以正常工作)

我认为页面导航方式和导航器记录状态的方式出了点问题。我是新手,所以它也可能只是一个愚蠢的问题。

这是页面的 .js 文件中的代码:

HTML只有以下内容

0 投票
2 回答
2344 浏览

javascript - 关闭所有打开的谷歌地图信息框

我已经尝试了一些我在 StackOverflow 上找到的东西,但我对此没有任何运气。我对我的 Javascript 很生疏,所以如果让这项工作变得超级简单,我不会感到惊讶。

我正在为一个网站构建一个谷歌地图系统,并且我正在使用 infoBox 系统,以便我可以更好地控制弹出窗口的视觉风格。我的问题是我只想在任何给定时刻打开一个信息框。因此,只要单击 1 个标记,之前的 infoBox 就会关闭。我知道最好的方法是跟踪要打开的最后一个是什么,但是使用循环来构建所有内容,我不确定如何获取特定 infoBox 的实例名称以使用 close() 函数。

这是我的 Javascript:

有一个被点击的按钮调用 showOverlays(); 功能在地图上显示标记。

那么我错过了什么?任何帮助将不胜感激。