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


Adding a google map in a jquery mobile website with geolocation

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

我的

代码正在工作,但是当我想将其集成到我的jquery移动网站中时,它不起作用。

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

有人可以看看出了什么问题吗?

谢谢

这是你所拥有的:

<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移出#maposition #panel即可.