jquery - 克隆谷歌地图实例

Question

我的页面上有一张 map ，其中显示了带有标记和信息窗口的多个地点。现在我想放置一个全屏按钮并将 map 加载到 jquery-ui 对话框中，但我遇到了一些问题。

有没有办法将我在一个 div 中创建的谷歌地图实例复制到另一个 div 中？

或任何其他解决方法，例如更改与 map 关联的 div...科幻小说？

Answer 1

我认为 Google map 本身不支持此类操作。

虽然看起来移动 map 还是挺简单的。 map 有一个 getDiv 方法，它返回包含 map 的 Node。使用 jQuery，您可以操作 DOM:

var mapNode = that.map.getDiv();
$('#destinationDiv').append(mapNode);

它只是将 map div 移动到目标 Div 中。我在 Chrome 和 Firefox 中测试了它，它运行良好，但我不确定它是否在所有主要浏览器中正常运行(如果 map 的功能没有损坏)。

但是我没有成功复制 map 。利用 jQuery 的克隆方法会生成损坏的 map 副本。如果您需要复制它，我想唯一的方法可能是创建全新的 map 并从头开始创建所有对象。