在带有地理位置的 jquery 移动网站中添加谷歌地图

【问题标题】：Adding a google map in a jquery mobile website with geolocation在带有地理位置的 jquery 移动网站中添加谷歌地图
【发布时间】：2013-09-21 17:08:32
【问题描述】：

我正在尝试创建显示此信息的地图：询问您的 GPS 信息，然后在谷歌地图上显示从您到数据库中某个点的方向。

我的代码正在运行，但是当我想将它集成到我的 jquery 移动网站时它不起作用。

http://www.etretat.net/office-de-tourisme-etretat/mobile/centrale.php?op=geoloc&id=26

谁能看看有什么问题？

谢谢

【问题讨论】：

这不是问这个问题的地方。 Stackoverflow 旨在帮助解决特定的编程问题，而不是整个项目。
检查您的控制台日志是否有错误。我看到了两个。

标签： javascript php jquery google-maps jquery-mobile

【解决方案1】：

这就是你所拥有的：

<div id="maposition">
  <div id="map" style="width: 100%; height: 700px;"></div> 
  <div id="panel" style="width: 100%; font-family: Arial; font-size: 30px;"></div>
</div>

在代码中的不同点你有：

document.getElementById("maposition").innerHTML = // whatever;

您的 JS 正在覆盖 #maposition 的内部内容，并删除了在此过程中用于保存地图的 div :)

只需将#map 和#panel 从#maposition 移出即可。

【讨论】：