Google地图Lat Long Picker显示徽标但未映射

时间:2015-10-21 19:37:48

标签: jquery twitter-bootstrap google-maps jquery-ui

好像似乎是一个奇怪的,我不完全确定如何调试。我可以开始的任何帮助都是ace。

所以我试图将这个jQuery插件用于谷歌地图,允许你拖动一个标记并获得一个长期返回(如果你知道一个更好的解决方案做同样的事情,我会采取这个!)链接到这里:https://github.com/wimagguc/jquery-latitude-longitude-picker-gmaps

文档很少,但对于它来说它不需要太多。

我试图在Bootstrap框架中的jQuery UI选项卡中使用此地图。我也希望使用引导网格来调整谷歌地图的宽度。所以宽度和Tabs似乎总是破坏一切,所以可能是其中之一。

现在,对于所有这些,我有点使用基本的html:

<div class="row gllpLatlonPicker">

    <input type="hidden" class="gllpLatitude" value="56.35319217617958"/>
    <input type="hidden" class="gllpLongitude" value="-2.87078857421875"/>
    <input type="hidden" class="gllpZoom" value="11"/>
    <div class="col-md-12 gllpMap" style="height: 250px; margin: 15px;"></div>

</div><!--- /.row --->

结果是我得到了正确的灰色框形状,其中显示了Google徽标和条款,但没有地图,当我打开浏览器调试控制台时,地图会出现甚至更奇怪。或者如果控制台打开,我会得到灰色框,当我关闭控制台时它会出现。

有什么想法吗?

没有更多的代码,这个插件已经在.js中编写了自己的初始化,所以没有什么可以显示的。

让我知道是否还有其他我应该展示的东西,如果这不涉及jQuery UI,Bootstrap,以及这个插件,我会为你们所有人拼凑一个小提琴。如果你指引我使用一种工具来完成所有这些工作,我会将其构建起来以便与之合作。

阅读intertubes我注意到有些人在使用API​​密钥进行Android应用程序开发时遇到了问题,但这似乎并不适用于此。

感谢。

1 个答案:

答案 0 :(得分:0)

原来这是一个常见的问题,我可能只是没有说得好。

评论非常有用,因为它让我找到另一个插件,然后体验完全相同的场景。这很有趣。但它引发了一个想法,即这不是一个插件问题,并将其缩小到使用标签(因为标签总是会导致问题)。

我试图在加载时将地图加载到隐藏元素中。它需要一个地图来显示地图,所以我在地图上选择了标签上的一个功能,而且我今晚不需要微笑任何青蛙。

为了将来参考,如果有疑问,可能是jQuery UI的错误。