Google Maps Api V3 - 更改地图div

时间:2011-11-10 00:32:09

标签: javascript google-maps html google-maps-api-3

我想问一下是否有人知道如何将地图从一个div移动到另一个div。为什么你要问...让我说我创建了复杂的地图,有许多工具,让用户添加标记,线条,多边形,保存地图位置,添加信息窗口等等。我使用一个div显示地图 - 所有对象都从数据库下载,并放在地图上。然后,当我按下“更改地图”按钮时,我得到弹出窗口(是的,这就是我想要的,我不想要新窗口)并且有相同的地图,但有工具可以让你编辑它。问题是,我正在使用相同的div id,我担心会有一些冲突,因为我的工具正在工作,直到我不会刷新地图。我担心它是因为弹出窗口下方的地图仍然以某种方式处于活动状态,而我在弹出地图上使用的这些功能是否同时使用?弄乱了吗?

或者有没有办法,完全关闭地图,让我说我有一个地图的div,按下按钮后,地图消失/关闭,我看到它所在的div?

我试过搞乱了 "mapa = new google.maps.Map(document.getElementById("map_div"), mapOptions);

但我只是不知道如何使旧的div消失/不活跃/不使用。 使用相同的线,只需更改div,将在两次潜水中创建地图,并且所有功能都在创建的第二个地图上制作,因此不是解决方案。

1 个答案:

答案 0 :(得分:4)

将地图移动到另一个div很简单,只需操作DOM树即可。请参阅this map cloning question的答案。