问题标签 [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.
google-maps - How to display HTML in infobox in Google Maps V3 from XML
I am parsing data from a XML file that plots the markers location and that part works great. I am trying to add information to the info box via HTML with info from the XML file. This is how it is suppose to look.
http://www.mesquiteweather.net/images/Annual%20Fatal%20Tornado%20Summaries.png
But if you go to my test page and click on a marker it doesn't show up that way.
http://www.mesquiteweather.net/xml/googlemapkt.html
This is the code I have that I am trying to produce the info box.
I think it has something to do with the last function at the end but that is where I am stuck because I know it isn't right and I have tried everything. I am still in the process of learning the new Gmaps as I haven't used them in years.
Any suggestions or advice would be great!
-Thanks!
google-maps - Google Maps API 信息框 - 单击一个信息框并关闭其他信息框
我正在使用信息框插件创建具有不同内容的多个标记 - http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/infobox-basic.html
此外,我正在使用 markerclusterer 插件来处理同一区域中的太多标记 - http://gmaps-utility-library-dev.googlecode.com/svn/tags/markerclusterer/1.0/src/markerclusterer.js
所有标记都正确显示,并且聚类工作完美。
问题。我的问题是我怎么能只单击一个信息框并关闭其他信息框,如果您选择不同的信息框,它将打开并关闭其他信息框。
这是我当前的代码 [更新]:http: //jsfiddle.net/henrichro/mqrrA/
google-maps - 多边形上未定义 Google Maps V3 信息框
我的轮子上有辐条,我不知道如何解决这个问题。我已经为此苦苦挣扎了几天,它不像普通的信息框,因为它没有设置为标记而是多边形,这对我来说是新事物。我有显示来自 XML 文件的数据的多边形,它们显示得很好。我已经在网上搜索并让它将鼠标悬停设置为您将鼠标悬停在多边形上的位置,不透明度会发生变化,并且会弹出一个信息框。问题是信息框在弹出时显示“未定义”而不是我在其中设置的 html 以显示来自 XML 文件的数据。
例如,这里是测试地图的链接。
http://www.mesquiteweather.net/googlemap_poly.html
这是 XML 文件的链接,我只是想在信息框中显示元素事件和过期。
http://www.mesquiteweather.net/xml/warnings_test.xml
这是我用来创建信息框和鼠标悬停事件的代码
我很确定这很容易被我忽略,但我找不到任何与我的问题有关的东西。我很幸运我得到了显示信息框,因为我了解到这很棘手,因为多边形没有真正的中心,而且它们没有像你用我可以处理的标记那样设置。
如果有人有任何建议,请告诉我。
-谢谢
javascript - 谷歌地图信息框 - 点击安卓
我有一个使用谷歌地图和设置在一系列标记上的信息框的小应用程序。单击信息框图像后,您将转到另一个链接。这在 Pc 和我的 Ipad 上完美运行,但是当您在 Android(三星手机)中点击图像时,链接不是“活动的”。以下是部分代码:
我还尝试列出 infobox 的 domready 事件,但没有运气:
openlayers - 如何使用 OpenLayers 和 Wax 在地图上显示 UTFGrid(信息框)
我使用 TileMill 在 MBTiles 中创建了一个地图并将其托管在 MapBox 上。现在我正在尝试在我的网站上显示它,使用 OpenLayers 和 Wax 添加信息框
根据这些
http://www.mapbox.com/wax/connector-ol.html
地质顾问。de/map/wax/manual/index.html
这段代码应该可以工作,但事实并非如此。瓷砖看起来很好,但不是传说。如果我不评论这一行 //map.addControl(new Wax.ol.Interaction()); 关于方法未定义的错误。但是如果我这样离开,没有错误,但仍然没有出现图例
我将不胜感激任何评论。
在此先感谢,卡门
google-maps-api-3 - 如何在谷歌地图的地图窗口顶部移动标记
如果我放入map.setCenter(marker.getPosition());
OnClick 标记,则标记移动到地图窗口的中心位置。这意味着函数获取标记位置并将其设置为地图的中心,因此标记成为窗口的中心位置。
现在我想要这个。
map.SetCenter(top, center);
这样标记将位于地图窗口的顶部中心。为什么我需要这个,因为当我单击标记时,信息框会打开制造商的底部,而信息框的一半会隐藏。
请提供解决方案以解决此问题。
我正在使用这个信息框http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html
google-maps - 谷歌地图信息框和标记
在我的地图上,相应的信息框在标记 mouseout 事件时关闭。但是当光标在它上面时我不想关闭信息框。
我怎样才能做到这一点?尝试使用 is(":hover"),但没有奏效。
我的代码:
google-maps-markers - 带有信息框的多个标记
我的地图上有多个标记。鼠标悬停时为每个标记打开信息框。当我将鼠标悬停在覆盖某些标记的信息框上时,将调用这些底层标记的鼠标悬停事件。已尝试将标记的优化属性设置为 false。但在这样做之后,信息框仅第一次打开。将鼠标悬停在标记上一次后永远不会打开。
google-maps-api-3 - Google Maps API:循环中的信息框 - 为什么所有信息框都显示最后一个值?
我基本上有一个状态数组,我遍历它们,为每个状态创建一个标记,然后创建一个信息框,当悬停在每个标记上时应该出现(并在鼠标移出时消失)。我的麻烦是,当标记正确显示时,所有状态标记的信息框都显示最后的信息框内容。这可能与变量作用域和/或异步执行有关 - 我该如何解决?
(当我使用像 Firebug 这样的调试器逐步完成它时,它似乎正在为每个状态正确构建文本 - 但不知何故,它在最后显示了相同的信息)
循环中的适用代码(有些简化):
google-maps-api-3 - 无法从 Google Maps infoBox 内的按钮打开 Magnific-popup
我有一个在点击谷歌地图标记时打开的信息框。在 infoBox 内有一个按钮“#open-popup”,单击该按钮应打开一个 magnificPopup 模式窗口,但没有任何反应。
作为测试,我在包含谷歌地图的 div 之外放置了相同的按钮,该按钮会打开模式窗口,但仅在第二次点击时!到底是怎么回事?
我已经尝试了很多天,但都有最严重的副作用。
任何帮助都感激不尽。
信息框内按钮的 HTML:
谷歌地图 div 外按钮的 HTML:
JS: