javascript - Google Maps Api V3 - 更改 map div

Question

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

或者有没有办法完全关闭 map ，假设我有一个带 map 的 div，按下按钮后， map 消失/关闭，我看到它所在的 div？

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

但我只是不知道该怎么做才能使旧 div 消失/不活动/不使用。使用同一行，只需更改 div，将在两次潜水中创建 map ，并且所有功能都在创建的第二张 map 上进行，因此不是解决方案。

Answer 1

将 map 移动到另一个 div 很简单，只需操作 DOM 树即可。见回答 this map cloning question .