问题标签 [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 回答
233 浏览

google-maps-api-3 - InfoBox 不会加载 HTML 内容

我正在尝试使用 Google Map API (V3) 在地图上放置图钉。我可以放置图钉并打开一个信息框。不幸的是,信息框不会显示 HTML 内容,只会显示一个字符串。我正在使用以下代码来创建/显示我的 pin/info 框。

执行此操作时,信息框内容始终是[object HTMLDivElement],我无法弄清楚如何让它正确显示boxText. 信息框的代码几乎 100% 直接取自 Google 自己的示例。

0 投票
1 回答
482 浏览

jquery - Jquery Map UI [ gmap() ]、InfoBox 和 Handlebars

我可能在这里问了一个重复的问题,但其他问题都没有我的确切情况......

我正在使用 jQuery Map UI 来输出 JSON,用 InfoBox 替换默认的 infoWindows,以便用 Handlebars 填充它们。

这是我的代码,下面是我的问题。我试图尽可能多地发表评论。

所以我的问题是每个信息框都包含相同的内容。打开的总是第一个标记的内容,给人的印象是信息框只是被移动到任何后续单击的标记。

当我在单击的标记上记录 InfoBox 的内容时:

控制台显示了适当的内容,但该内容与 InfoBox 的内容不匹配……这就是我如此困惑的原因!

我错过了什么?我对 jQuery Map UI 或 InfoBox 的理解有问题吗?

0 投票
1 回答
1236 浏览

google-maps - 中心信息框谷歌地图 V3

几天来一直在搜索并阅读 Stack 上的每个线程,其中包含 Google Maps 和 Center 字样,但找不到任何接近问题的内容。

我正在整理一个有多个标记的谷歌地图。地图已锁定,因此无法移动或缩放。当您单击标记时,信息框会打开,并且地图会被 disableAutoPan: true 锁定,这些都可以正常工作。

但是,地图边缘附近的标记和信息框不在屏幕上时会出现问题。我已经尝试了几天来尝试解决这个问题,包括 pixelOffset: 和 position: 但到目前为止没有任何效果。

所以我的问题是,是否可以在屏幕中央放置一个信息框,如果可以,如何?示例我想要实现的示例

抱歉啰嗦了

0 投票
0 回答
316 浏览

android - 为每个标记创建自定义 InfoWindowBox

我想我对这个链接上的帖子有同样的问题 不同的标记显示相同的信息窗口内容 android google map v2

我目前正在开发一个集成 Google Maps v2 的应用程序,以允许用户拍照并自动在地图上绘制标记。

我有一个工作的 InfoWindowAdapter 但似乎当我设置位图时,如下所示:

当使用我的相机拍摄多张照片时(这意味着它将在地图上绘制相应的标记),这些标记都共享相同的图像,这是从相机拍摄的最新图像。我认为通过检查位图对象名称的差异来创建一个类可以解决问题,但它没有。

申请时似乎:

它适用于所有标记。

如何让每个标记都有自己的自定义信息窗口适配器?

谢谢!

==========================================编辑========= =========================

我有一个允许用户拍照的应用程序,它还将在图像捕获位置的地图上绘制一个标记。标记将有一个自定义信息窗口。我尝试了解决方案,但它们对我来说很模糊。

你介意解释一下你对你的代码做了什么,比如:

googleMap.setInfoWindowAdapter(new InfoWindowAdapter()); 会不会影响地图上的所有标记?

我当前的 CustomInfoBox 代码如下:

类 MyInfoWindowAdapter 实现 InfoWindowAdapter{

私人最终查看 myContentsView;

当我调用 googleMap.setInfoWindowAdapter(MyInfoWindowAdapter); 时,所有标记都具有相同的布局,因此具有相同的图片(用户拍摄的最后一张照片!),这不是我想要的。

任何帮助都感激不尽!谢谢

0 投票
1 回答
1292 浏览

javascript - 将信息框添加到使用谷歌地图中的绘图管理器绘制的多边形?

我已经设置了绘图管理器,我可以使用它轻松绘制多边形。现在我想在这个绘制的多边形上添加一个信息框。我使用了下面的代码,但它似乎无法正常工作,因为没有信息框结果。

0 投票
0 回答
465 浏览

jquery - InfoBox enableEventPropagation:true 导致滚动不起作用

我在谷歌地图 apiv3 上有一个动态添加的信息框。当 enableEventPropagation 设置为 false 时,滚动工作正常。但是,如果它设置为 true,那么它将被禁用。

这是在导致问题的 ipad 设备上滚动。有人对此有解决方案吗?

我从文档中看到了原因....

" 和 enableEventPropagation 属性在当前信息框关闭并打开新信息框之前没有影响。"

有谁知道解决这个问题的方法?

0 投票
2 回答
1322 浏览

google-maps - 谷歌地图信息框点击进入另一个标记

我试图在打开 infoBox 时阻止事件触发。问题是当信息框呈现在其他标记之上时,用户可以单击信息框并单击其后面的标记。有没有办法在仍然能够点击不在信息框后面的标记时防止这种情况发生?

0 投票
1 回答
644 浏览

javascript - 是否可以在谷歌地图的信息框中使用 jquery-ui-timepicker

首先是我自己对 java 脚本和 jquery 的新手。当我们点击特定区域(多边形、圆形)时,我有一项任务要完成,即在谷歌地图中,​​需要用一些样式打开一个信息窗口。所以我搬到了信息框并添加了一些css(jquery custom css ui lightness)。在那个信息框中我需要用时间显示日历。所以我做了很多RD和writen代码

我使用绘图工具、信息框、jquery 自定义 css、jquery-ui-timepicker 编写代码

现在我的问题是 jquery-ui-timepicker 没有在信息框中提出。如果我在普通 div 中使用它,它工作正常。

这是我的一些代码:

更新

JsFiddle 这是我的 Jsfiddle 和我的完整代码(不要以为我生气了。我试图添加脚本 url 但它不起作用。我看到了这么多 jsfiddles(给出了 jquery-ui-timepicker 插件 .js 的示例,那里同样的问题)所以我添加了脚本。我的代码从 2199 行开始。请忽略前面的行)

更新2:

这是我在应用@gaurrav 建议时间选择器后更新的小提琴,但在点击 2 到 3 次后它正在提升

0 投票
1 回答
196 浏览

html - 在 url 中有描述的图钉

我在这段代码中有点挣扎:

="http://www.bing.com/maps/embed/viewer.aspx?v=3&cp="&Latitude&"~"&Longitude&"&lvl=17&w=300&h=200&sty=r&typ=s&pp=~~"&Latitude&"~" &Longitude&"&ps=55&dir=0&mkt=en-gb&src=SHELL&form=BMEMJS'>"

我在 Sharepoint 2010 中创建了一个计算列,它允许我从列表中检索字段并在嵌入地图上生成图钉,

我遇到的唯一问题是我尝试(从标识为 [Building Name] 的字段)获取图钉上的信息框。

知道如何将它放在 URL 中吗?

谢谢

0 投票
0 回答
446 浏览

google-maps - gmaps4rails v2 - 将 infoWindow 关闭按钮插入到 infowindow

我正在使用 gmaps4rails 在谷歌地图上显示标记。它运行良好,但我不知道如何删除 infowindows 的默认关闭按钮并将其插入到 infowindow 中并使用我选择的自定义项。

index.html.erb:

infoboxBuilder.js.coffee:

控制器: