Javascript 如何在多个div中显示相同的html画布？

我正在制作一个web应用程序，它使用twitter引导在两个单独的选项卡中包含一个地图（谷歌地图）。我试图找到一种方法，让一个实际的画布可以在两个选项卡中显示，每个选项卡的尺寸都不同。我能想到的最简单的方法是，只要有两个地图，并且在每次发生变化时对每个地图运行相同的更新。但是我不喜欢这样做的想法。每个选项卡使用地图的方式略有不同，但应该是相同的地图

有没有办法将一个div的内容“绑定”到另一个div

下面是一个简单的代码示例来解释我在做什么：

<ul class="nav nav-tabs">
    <li><a href="#map1-content" data-toggle="tab">Map1</a></li>
    <li><a href="#map2-content" data-toggle="tab">Map2</a></li>
</ul>

<div class="tab-content">
    <div class="tab-pane" id="map1-content">(I want to display map canvas here)</div>
    <div class="tab-pane active" id="map2-content">(and I also want to put it here with this div's styling)</div>
</div>

<div id="map-canvas"></div>

（我想在这里显示地图画布）
（我还想把它和这个div的样式放在一起）

要直接回答问题：

不可能在多个div中显示同一个HTML画布，即句号

---

如果要使同一地图显示两次，则需要实例化两个单独的画布并对这两个画布运行所有更新。

您可以更新主画布，而不是在每个画布上重复更新，完成绘图后只需将主画布缩回样式化的画布。当我有更多的时间时，我会给你看一个例子。嘿，对不起，这么长时间后打扰了。。。但在过去两年中，这种情况是否会发生变化？我需要做一些与qestioner类似的事情，但是将原始画布重绘为多个画布的解决方案需要大量的性能。。。