问题标签 [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.
css - Google Map InfoWindow 太宽
单击标记后,我将在 Google 地图上打开一个信息窗口。
代码是这样的:
问题是,即使 InfoWindow 填充的样式已设置为 200 px 最大宽度,InfoWindow仍然呈现太宽,大约为 400 px。
有没有办法让它变小?
javascript - 在 Google Map API V3 中显示某些信息窗口
我编写了以下代码来显示标记。有 2 个按钮显示标记的下一个或上一个信息窗口。但问题是使用 google.maps.event.trigger 未显示 InfoWindows 有人可以帮我解决这个问题吗?谢谢你。这是代码:
google-maps - 选择标记时外部化 Google Maps InfoWindow 内容
我想知道是否有人知道单击地图上的标记时是否可以获取 Google Maps InfoWindow 的内容并将其放置在外部 DIV 中?
我已经对 API 文档和 Google 进行了很好的挖掘,看看是否可以找到与此相关的任何示例或信息,但到目前为止还没有运气。但是,自从我被问到这个问题以来,我没有太多时间,所以我不得不略读一下,所以可能是我错过了一些东西,但似乎没有什么东西能对我跳出来。
本质上,我只是想知道这是否确实可行,这样我就不会再浪费时间研究谷歌地图目前无法实现的东西了。但是,如果有人有任何代码、示例或关于如何执行此操作的想法,那将非常感激!
谢谢,
标记
height - 谷歌地图信息窗口高度问题
我一直在网上寻找解决方案。
我的问题是信息窗口的高度计算不正确。那里没有图像,因此稍后加载图像不是问题,并且在创建气泡时不知道大小。
此外,如果我用大约 15 行的文本填充它,那么大小就会开始变好。
这是我提供给 infoWindowHtml 的内容:
dom - 拖动后如何在Google Maps V3上更新自定义infoWindows的pixelPosition?
我正在 Google 地图之上创建一个新的混搭。这很简单,我选择使用 V3 来提供更长的使用寿命。
但是,Google Maps infoWindow 没有提供一些特殊需求。
我已经使用 marker.projectionContainer.pixelPosition 定位了我的自定义 infoWindow。缩放后我得到正确的位置,但拖动不会更新标记像素位置。拖动后如何获得标记旧位置和新位置之间的差异?
或者
我应该使用OverlayView而不是尝试从 DOM 中获取位置吗?我认为地图自己的 infoWindows 会自动更新/停放在面板上。
java - 动态生成的 javascript 不在 Chrome 或 IE 中执行,在 Firefox 中有效
我正在使用带有 GWT 的 google maps API 创建一个选项卡式信息窗口,其中一个标记内包含推文。推文的来源是动态生成的。继承人的java代码:
我已经确定了问题,但我需要一个解决方法。发生的情况是该脚本将在 Firefox 中执行,而 IE 和 Chrome 将出于某种原因避免运行它。这是生成的html:
如果我将此代码复制到纯 html 文件中并在 google chrome 中运行,它将起作用。如果我在 IE 中打开,它会起作用,但只有在我允许它运行活动内容之后。如果我在Firefox中打开,它可以正常工作,没有任何问题。有谁知道我如何在不要求所有主要浏览器许可的情况下让这段代码工作?谢谢!
google-maps - Google Maps v3 的 InfoWindow 替代品
我正在寻找 Google Maps v3 的 InfoWindow 替代品。我想用它来弹出标记鼠标悬停。标准的 InfoWindow 完全无法使用,因为它会平移并使自己变得讨厌。Google Maps v2 具有出色的 GxMarker(不适用于新 API):http ://code.toeat.com/gxmarker.html
有谁知道 Google Maps v3 的类似插件,或其他解决 InfoWindow 专横行为的方法?
google-maps - 谷歌信息窗口没有使用他们的 API 正确显示
我正在使用 Google 地图 API 将地图集成到我的网站中,我正在使用自定义标记和信息窗口。我以前毫无顾虑地使用过它,但现在,当我点击我的标记时,信息窗口显示不正确。
我尝试了许多不同的方法来尝试修复它,但我似乎无法弄清楚发生了什么。
这是一张图片,由于我是新手,所以我无法将其附加到帖子中。
http://i47.tinypic.com/xbwmbq.png
任何帮助将不胜感激。
谢谢
javascript - Click event in Google Map InfoWindow not caught
With Google Map v2, I would like to be able to trigger a function when clicking a text in the InfoWindow of a GMarker.
does not work. Why the event isn't caught inside the InfoWindow ?
google-maps - 谷歌地图 API - 信息窗口高度和平移
我正在使用 Google 地图 API (v2) 在世界地图上显示国家叠加层。数据来自 KML 文件,其中包含多边形的坐标以及每个国家/地区的 HTML 描述。单击该国家/地区时,此说明会显示在“信息窗口”对话气泡中。
最初我遇到了一些麻烦,因为信息窗口没有扩展到它们包含的 HTML 内容的大小,所以较长的窗口会溢出边缘(这似乎是一个常见问题)。我可以通过将信息窗口重置为特定高度来解决此问题,如下所示:
不理想,但它有效。然而现在,当信息窗口打开时,它们的顶部有时会被地图的边缘遮挡,因为地图不会平移到可以查看所有内容的位置。
所以我的问题:
有没有办法让信息窗口自动使用适合其内容的高度,以避免必须固定到设定的像素高度?
如果固定高度是唯一的选择,有没有办法让地图在信息窗口打开时平移到更合适的位置?我知道地图类有一个 panTo() 方法,但我看不到计算正确坐标的方法。
这是我的完整初始化代码: