Google Maps Lat Long Picker 显示徽标但不显示地图答案

【问题标题】：Google Maps Lat Long Picker Showing Logo but not MapGoogle Maps Lat Long Picker 显示徽标但不显示地图
【发布时间】：2015-10-21 19:37:48
【问题描述】：

OK 似乎是一个奇怪的问题，我不完全确定如何调试。我可以开始的任何帮助都是王牌。

所以我正在尝试将这个 jQuery 插件用于谷歌地图，它允许你拖动一个标记并返回一个 lat long（如果你知道做同样事情的更好的解决方案，我会接受它！）链接在这里：https://github.com/wimagguc/jquery-latitude-longitude-picker-gmaps

文档很少，但就其本身而言，它不应该需要太多。

我正在尝试在 Bootstrap 框架内的 jQuery UI 选项卡中使用此地图。我也希望使用引导网格来调整谷歌地图的宽度。所以可变宽度和选项卡似乎总是会破坏一切，所以可能是其中任何一个。

现在我已经有了一些可以使用基本 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 应用开发时遇到问题，但这似乎不适用于这里。

谢谢。

【问题讨论】：

就像所有插件一样......如果文档不好，请找到另一个具有适当文档的文档。从地图标记获取位置并不难，设置位置也不难

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

【解决方案1】：

原来这是一个常见的问题，我可能只是说得不够好。

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

我试图在加载时将地图加载到隐藏元素中。它需要踢一下才能显示地图，所以我在地图上调用了一个功能来选择标签和巴里纱，我今晚不必用微波炉加热任何青蛙。

供将来参考，如有疑问，可能是 jQuery UI 的错。

【讨论】：